フラッグカウンターをつけたぞぉ～！

皆さんのを参考にやっとフラッグカウンターを付けられました。感謝します。
私の場合の話ですが、フラッグカウンターのつけかたを説明します。









まず、フラッグカウンターにアクセスします。

フラッグカウンターの形を決めます。

Maximum Flags to Show　最大の旗の数　私は48にしました。
Columns of Flags　　　　　旗の列の数　　私は３列にしました。
Label on Top of Counter　カスタムにすると文字が入れられます。私は【S four】と入れました。
Background Color #　背景色
Text Color #　　文字の色
Border Color #　枠の色
Show Country Codes　国名が表示される　私はチェックを入れました。
Show Pageview Count　カウンター　　私はチェックを入れました。

形が決まったら

GET　YOUR　FLAG　COUNTERをクリックする。
次のページへ移行する。
上の段のCode for websitesのところを、メモにコピーします。

コレの中の、必要な部分はimg src="の後の

http://〇〇〇.flagcounter.com/count/〇〇〇/bg=000000/txt=FFFFFF/border=030303/columns=3/maxflags=48/viewers=S+four/labels=〇/pageviews=〇/

コレだけです。
コレでフラッグカウンターのページは終わりです。

次にスタイルシートに貼り付ける作業です。

スタイルシート→詳細編集→サイドメニュー→ユーザー自己紹介
私はココに貼り付けました。
（カッコ）の中に先ほどのフラッグカウンターのやつを貼り付けます。

margin-bottom:0.5em;
width:100%;
height:150px;
background:url(http://〇〇〇.flagcounter.com/count/〇〇〇/bg=000000/txt=FFFFFF/border=030303/columns=3/maxflags=48/viewers=S+four/labels=〇/pageviews=〇/) no-repeat bottom;

プレビューにて確認、うまくいったら保存します。

次に　プロフィール→自己紹介　に私は貼り付けました。

margin:2px;
font-size:12px;
line-height:1.3;
width:100%;
height:150px;
background:url(http://〇〇〇.flagcounter.com/count/〇〇〇/bg=000000/txt=FFFFFF/border=030303/columns=3/maxflags=48/viewers=S+four/labels=〇/pageviews=〇/) no-repeat bottom;

margin:2px;のところを2にすると自己紹介の文字が少し、ずれてしまいます。
そこは文字の方でスペースを入れて修正しました。
同じくプレビューにて確認、保存しました。

ゆっくりしないと、フラッグカウンターの表示がワンテンポ遅れて表示されたりして、混乱しました。
また、その他色々訳が分からなくて・・・・私もやっとでしたので質問には答えられません。
みなさんそれぞれ、スタイルシートが違いますから、同じでは無いと思いますが、参考になったら幸いです。

追加
フラッグカウンターの位置が、フラッグの数が増えるにしたがい、ずれてしまいました。
高さの調整のところを　height:180px;　に変更して調整しました。