2010年02月01日
フラッグカウンターを設置してみる♪
こんばんは～（*＾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日に書いたブログに変更の方法を書きましたので
変更される方はそちらをご確認ください
※最後にお約束ではありますが
スタイルシート弄りは
ご自身の責任でお願いします！
スタイルシートの破損や崩れ
その他、何が起こっても
当方は一切責任を負いかねます。
ブログ一覧 |
スタイルシート | 日記
Posted at
2010/02/02 00:12:00
タグ
今、あなたにおすすめ
こんばんは～（*＾o＾）ノ
