蒼井プレ之進のブログ一覧

こんばんは～（*＾o＾）ノ
2010年もあっという間に一ヶ月が過ぎました…

次もやりますとかいっといて
放ったらかしにしていることの多さに
改めて愕然としています(；´Д｀)
ちょっとずつでも前進しないとねぇ…

そんな中の一つ、スタイルシート関連。
おかげさまで私の弄りの中では大人気の部類に入るんですが
最近全然弄ってなかったんで、月も変わったことだし心機一転
スタイルシートを変えてみました♪

今回のキモは「何シテル？」の下に入れたカウンターです。
↓こういうヤツね

オイラのブログは国旗が一つで悲しいね…orz

みんカラ内でブログにカウンターを設置するのは
たいして珍しくないんですけど、みんなと同じじゃつまらないので
あえてマイナーなこちらをチョイスしましたｗ

このカウンターはフラッグカウンターといって
どこの国からアクセスが有ったのかをカウントしてくれます。
アクセスが有った国の国旗が増えて行く楽しみもあるし
国旗が増えて賑やかになれば、ちょっと個性的になるかな？
…なんて（笑）


では、早速
「フラッグカウンターの設置の仕方」を解説します。

まずは、フラッグカウンターのHPへ
全部英語ですけど読む必要がないのでご安心を。
↓の図を見てください

まずはHPの下にあるチェックリストで
自分用のフラッグカウンターを作ります。
チェックリストの数字や文字・色・国の略称やPVの有無 を変えると、
下のカウンターが選択を反映したものになります。
お好みのものを作りましょう。
※ここで国旗の最大数は「248」にしておくことをオススメします！
（数字が増えてから変更することができないため）
自分の好みのカウンターができたら、黄色い四角をポチっとクリック！

またもや英語だらけのページですｗ

図に書いてある通り、下のほうの文字を使います。
まずは下の文字列を、ワードパッドとかメモ帳などにコピペします。
たとえば↓こんな感じ
[URL=http://s06.flagcounter.com/more/Fmcx][IMG]http://s06.flagcounter.com/count/Fmcx/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=12/viewers=0/labels=0/[/IMG][/URL]
この文字列の中の[IMG]と[/IMG]に囲まれたURL（ピンク色の箇所）を使います。

スタイルシート→詳細編集→サイドメニューの
「何シテルフッター」の箇所に以下をコピペして貼ってください。
（現状のものと差し替えになります）
width:260px;
margin:10px auto;
height:100px;
background:url(カウンターのURL) no-repeat top center;

width:は幅、height:が高さです
margin:は上のコンテンツとの距離（何シテルとの隙間）となります。
ご自身のブログやカウンターのデザインに合わせて調整してください。
カウンターが増えて、国旗が増えてきたら
height:を調整してあげるとイイと思います♪

プレビューしてみてうまくいったら「保存」をお忘れなく！
○逆にうまくいかなくても保存しなければ大丈夫です。最初からやり直しましょう♪

★最初に作ったカウンターが飽きたとか気に入らないといって
新しいカウンターを作ってしまうと、
せっかくカウントした数字が消えてしまうのでご注意ください!!

【２月１８日 追記】
上記のブログ内で一度フラッグカウンターを設定してしまうと
後からでは変更できないというような記述が有りますが、
実際には変更が可能です。
２月18日に書いたブログに変更の方法を書きましたので
変更される方はそちらをご確認ください


※最後にお約束ではありますが
スタイルシート弄りは
ご自身の責任でお願いします！
スタイルシートの破損や崩れ
その他、何が起こっても
当方は一切責任を負いかねます。