国別カウンターの設置方法

http://s02.flagcounter.com/

まずは上記ＵＲＬにアクセスしてください＾＾

・Maximum Flags to Show
　これはカウンターにどれだけ国旗を表示されるかを設定　する項目です。
　ちなみに僕は12のままにしてあります。

・Columns of Flags
　カウンターに表示させる国旗の列幅です。2以上にすると　カレンダーの枠からはみ出ます（汗）
　これはデフォルトのままでＯＫでしょう。

・Label on Top of Counter
　カウンター上部に記載されているタイトルの事ですね♪
　ここの設定をCUSTOMにする事によって、好きな言葉に変　えれますが
　あまり長いとはみ出てしまいます。
　12文字位に抑えた方がいいでしょう

・Background Color
　そのまんまの、背景色です。
　僕はカレンダーの背景色と合わせてあります。僕のカレ　ンダーの背景色は『444444』です。

・Text Color
　テキストの色です。

・Border Color
　カレンダーの枠の色です。
　僕はカウンターの背景色と同色にして、目立たなくして　あります。

・Show Country Labels
　チェックを入れると国旗の横にUSとかJPとかCHとかを表　示させます。
　旗だけじゃどこの国か分からないですから（汗）

・Show Pageview Count
　チェックを入れるとプレビュー数を表示出来るようにな　ります。

「ｇｅｔ ｍｙ ｆｌａｇ ｃｏｕｎｔｅｒ！」
をクリックすると左の画面になりますので

赤丸の中をコピーしメモ帳等に貼り付けます＾＾

<a href="http://s02.flagcounter.com/more/0abn"><img src="http://s5678239.flagcfounter.com/count/102345abn/bg=FFFFFF/txt=000000/bordsfer=CCCCCC/columns=4563756/maxflags=1532/viewers=0/labels=0/" alt="free counters" border="0"></a>

のような内容なんですが

最初の
＜a href="http://s02.flagcounter.com/more/ID"＞＜img src="

と

最後の
" alt="free counters" border="0"＞＜/a＞

は

不要なので切り取りまたは削除します

スタイルシートの編集画面から

*カレンダー：*/
.CalendarPlate
{
color: #cccccc;
font-weight: bold;
font-size: 12px;
position: center;
}
を探し削除＾＾

削除したところに

/*カレンダー：*/
.CalendarPlate
{
padding-top : 126px;
background-image : url('○○○○○○○○○○○○○○○○');
background-position : top/;
background-repeat : no-repeat;
color : #cccccc;
font-weight : bold;
font-size : 12px;
position : center;
}
を貼り付けます＾＾



○○○○○○○○○○○○○○○○の部分には先ほどメモ帳にコピーして不要な部分を切り取った物が入ります

プレビューを押して確認しうまくいってるようなら保存してください＾＾

以上


この下手な説明ではわからない方は

stm7000Motoringさんの


このブログまで↓
http://minkara.carview.co.jp/userid/309634/blog/11347125/