ともぬこのブログ一覧

 （１）パソコンからみんカラにログイン。

（２）右上の「マイページ」をクリック　→　マイページ画面が表示される。

（３）左側の「管理」項目にある「スタイルシート」をクリック。
　　　　　　　　　　　　　　　　　　　→　スタイルシートを選ぶ画面が登場。


　　　現在のスタイルを諦める決心がついた人だけ、次にお進み下さい。
　　　既にカスタムスタイルの方も（スタイル編集に詳しい方以外は）、
　　　現在のカスタムスタイルを捨てる覚悟で次にお進み下さい。


（４）カスタムスタイルの「適用」ボタンを押す。
　　　　　　　　　　　　　　　　　　　→現在のスタイルが「カスタム」になる。

（５）「詳細編集」をクリック。
　　　　　　　　　　　　　→　「スタイルシート詳細編集」画面が表示される。

（６）「ページの基本」「タブ」「コンテンツ共通」・・・と並んでいるメニューの
　　中の「サイドメニュー」をクリック。
　　　　　　　　　→　サイドメニューを編集するスクリプト群が表示される。


　　　サイド領域、サイド領域リンク・・・・たくさん並んでますが・・・
　　　目をくれずに次に進んで下さい。


（７）「何シテル？ヘッダー」の右にあるスクリプトを消す。
　　　　　　　　　　　　　　　　　　　　　→　空欄になります！気にしない！

（８）一つ飛ばして、「何シテル？領域」の右にあるスクリプトを消す。
　　　　　　　　　　　　　　　　　　　　　→　空欄になります！気にしない！

（９）「何シテル？フッター」の右にあるスクリプトを次のスクリプトに入れ替える。

 
width:281px;
height:120px;
background-image:url('取得URL');
background-position:top center;
background-repeat:no-repeat;


　　　いよいよ、佳境です！（笑）・・・が、
　　ここまで作業してきた画面を消さないでね！！！


（１０）新しいブラウザ画面を開き、http://flagcounter.com/ に行く。
　　　　　　　　　　　　　　　　　　　→　FlagCounterの設定画面が現れる。

（１１）表示したいFlagCounterを決める！

　　　FlagCounterの初期設定は、最大表示旗数＝１２、旗を何列に並べる？＝２、
　　　カウンター上に表示するタイトル＝Visitor・・・後は色の設定があり・・・
　　　一番右側にある「Show country code」がJPとかUSとかを表示するかどうか
　　　（初期設定、表示しない）、「Show pageview count」が訪問された回数を表示
　　　するかどうか（初期設定、表示しない）・・・となっています。

（１２）僕のカウンターと同じであれば、次のようにします。

　　　　Maximum Flags to Show 12
　　　　Columns of Flags 3
　　　　Label on Top of Counter プルダウンで、customを選び、
　　　　現れたボックス内に「tomonuko.2010.4.6」と入力。

　　　　色設定は弄らず、
 
　　　　Show country code右のBoxにチェック（クリックして下さい）
　　　　Show pageview count 右のBoxにチェック（クリック）

　　　下に表示されているカウンターが結果を表しますので、
　　　好きなように設定する。色を変えても良いですよ♪


　　　これで良いと心を決めたら・・・


（１３）「GET YOUR FLAG COUNTER」をクリック。
　　　　　　　　　　　　→　Code for Website と　Code for forumsの
　　　　　　　　　　　　　　二つが表示される・・・Code for Website
　　　　　　　　　　　　　　だけに注目！！

（１４）Code for websiteの内容の一部をコピーする。

 　　具体的には・・・

　　。。。。://s03.flagcounter.comで始まってる文字列から「img src="」 
 　　という所を探す。
　　→次の文字列「http://.......」から
　　　　　　　　　　　　　　　「" alt....」が現れる直前までをコピー。

　　こんなコピー内容のはず（このブログからコピーしないように！）。

　　。。。ここから→http://s03.flagcounter.com/count/Lp6
　　/bg=FFFFFF/txt=000000/order=CCCCCC/columns=3
 　　/maxflags=12/viewers=tomonuko.2010.4.6/labels=1
 　　/pageviews=1/←ここまで。。。。


　　　　いよいよです！もうすぐです！
　　　　（９）番で中断していた画面に戻って下さい！


（１５）「何シテル？フッター」のスクリプトに戻る。
　　　　　　　　　　　　　　　　　　　　　　　　　→　こう書いてあるはず。

width:281px;
height:120px;
background-image:url('取得URL');
background-position:top center;
background-repeat:no-repeat;

（１６）上記の「取得URL」の代わりに【すなわち「('」 と 「')」に挟まれる部分に】、
　　　（１４）でコピーした文字列をペースト！！

（１７）この例だと、「何シテル？領域」のスクリプトが・・・

width:281px;
height:120px;
background-image:url('http://s03.flagcounter
 .com/count/Lp6/bg=FFFFFF/txt=000000/order
 =CCCCCC/columns=3 /maxflags=12/viewers=
 tomonuko.2010.4.6/labels=1 /pageviews=1/');
background-position:top center;
background-repeat:no-repeat;

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　に変わっているはず。


（１８）プレビューなどせず、迷わず「保存」を押す。
　　　　　　　　　　　　　　　　　（プレビューはなんかおかしいようです・・・）。

（１９）上のほうにある公開中のページメニューから、プロフィールとか
　　　　ブログとかを押して結果をご確認下さい！
 

　　　・・・すぐには反映されないことがあるので、気持ちを落ち着けて
　　　珈琲でも飲みながら結果を確認して下さいね♪

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　（追加情報１）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
最後に、表示する旗の数を欲張って大きくしたあなたに♪

訪問元の国が増えると、行数が増えます。そのため、最大行数を
表示出来るだけのスペースを予め確保しておくのが良いでしょう。 

具体的には、「何シテル？フッター」領域のスクリプトの

height: の値を調整します。

調整する場合は・・・
a) フラッグカウンタータイトル（僕のカウンターの「tomonuko.2010.4.6」）がある場合。
　　(最大行数）×１４＋６０　で求められる数字を１２０の代わりに書いて下さい。 

b)フラッグカウンタータイトルなしの場合。
　　（最大行数）×１４＋４２　で求められる数字を１２０の代わりに書いて下さい。    

・・・ちなみに   120とは・・・タイトルあり＆最大4行の場合＋４です（笑
 ）・・・ま、広けりゃ安心♪（爆）

 
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　　　　（追加情報２）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
手続きの（７）、（８）はややこしさを避けるためにベストと思われた方法です。
コメントに寄せられた、Sonarさんからの指摘もご参考になさって下さい。


本手順は、お友達のかんちゃまさん、Sonarさんのご指導のもとにまとめた
ものです。ココに深く感謝の意を表します。