カウンターの設置

基本は…中島かつをさんのブログのコチラの記事を参考にして下さい。
私は、こちらのブログを見ながら見よう見まねでやっているだけ…ですので…


詳しいことが説明出来るかは分かりませんが、ｇｏｏブログの場合、スクリプトタグと言われる物が使えません。
その結果、使えるカウンターが限られてきます。

ちなみにｇｏｏブログにブログパーツとして対応しているブンブンカウンター。
今回の記事を書くのにあたって、調べてみたのですが…

使えないみたいです…


私が使っているカウンターは忍者カウンターです。
選んだ理由は…使っている人がいたから…
それだけ…



▼カウンターの準備

ま、まず、こちらのサイトでＩＤを収得します。

そうして、
・カウンターの最初の値。
・カウンターの桁数。
・二重カウントの防止の有無。
等々を設定します。


その後、管理ページでデザインを選択し、カウンター用のタグを表示させます。
他のブログであれば、このカウンター用HTMLソースをブログに貼り付けるだけなのですが、ｇｏｏブログはこれをこのまま使用する事は出来ません。

このカウンター用HTMLソースを良く見ると…
＜!-- shinobi ct1 -->
＜script type="text/javascript" src="アドレス">＜/script>
＜noscript>＜a href="アドレス" target="_blank">
＜img src="アドレス" border="0" alt="カウンター">＜/a>
＜span id="NINCTxSPANxxxxxxx" style="font-size:9px">[PR] ＜a href="http://bridal.rentalurl.net" target="_blank">ブライダル＜/a>＜/span>＜/noscript>
＜!-- shinobi ct1 -->


こんな感じに自分のカウンターが設置されているアドレスが赤字の部分に表示されます。

そのアドレスをコピーしてメモ帳に貼り付けて保存しておきます。



▼カウンターの設置

次に、この二日ほどで見飽きているとは思いますが、ブログのｃｓｓデータを見ます。

途中に…
/* メニューレイアウト用　*/
#sideBar {

}


この部分の
"#sideBar {"と"}"の間に


/* アドレス */
padding: 30px 0px 0px 0px;
/* アドレス */
background-image:
url("アドレス");
background-position: center top;
background-repeat: no-repeat;


これを貼り付けます。
そうしてアドレスと書いてある場所にカウンターの準備でメモ帳に保存しておいたカウンターのアドレスを貼り付けます。

この時にカウンターのデザインをあまり大きいので設定してしまうと、カウンターの上下左右が切れてしまいます。

これは
　padding: 30px 0px 0px 0px;

padding：上px 右px 下px 左px；…となりますので、ここの数値を変える事によって全体を表示される事が出来ます…が、左右の大きさはあまり余裕がありませんので、それだけは注意して下さい。
（px：ピクセル。cmでも可…のはず）



どうでしょう？
設置出来ましたでしょうか？