かっぱのけんきゅう日記

3ヶ月~半年に1回のペースで更新中……。細く長く、続けているだけのブログです。

カウンターの付け方

2006年03月19日 18時25分26秒 | Weblog
 さて、カウンターがついて、改めて自分のブログの注目度が著しく低いことに気付いたかっぱです。
 今日は久し振りにバイトもなければ、自治会の行事もない、いわゆる完全オフでした。……まぁ、バイトがない日はオフみたいなもんなんですが。で、今日一日、何をしようか、読書に勤しもうか、それとも久し振りに献血にでも行こうか、などと考えながら「日本vs韓国」戦を観ていたら……あっと言う間に今日が終わりました。もう「明日」が始まろうとしています。……明後日、21日が卒業式ですが、ダメ人間からはなかなか卒業できません。

 さて、カウンターが設置できたことを良いことに、生意気にもカウンター設置の手順を私も書いてみようかと思います(gooブログで無い方にとってみれば、もう何てことはない、単なる文字の羅列になりますがご容赦下さい)

①まず、無料のカウンターレンタルサイトを見つけねばなりません。というか、「忍者ツールズ」さんで良いと思います。何故って? 私が「忍者ツールズ」さんからレンタルしているからです。ということで、以下、「忍者ツールズ」さんからレンタルしたことを前提として書きます(レンタルの仕方は「アクセスカウンター」⇒ページ一番【作成はこちらから】をクリック)。

②で、レンタルし終わったら、次にgooブログのテンプレートを「シンプル」か「カスタム」に変えます。私の場合は「シンプル」です。

③次に、「デザインメニュー」下の「CSSの編集」をクリック。

④/* ヘッダーの指定 */というところがあります。そこをいじります。まず、

/* ヘッダーの指定 */
#header {
background-color: ;
padding:35px 0px;
background-image: ;
background-position: right; 
background-repeat: no-repeat;
}

とします。そこまではいじらなくても、良い場合があります。さてその下に行間を空けず、以下の様な文字列を入れてみてください。

#header h1 {
background-image:
url("http://○○○○.com/○/○○○");
background-position: right;
background-repeat: no-repeat;
}
さて、赤字のhttp://○○○○.com/○/○○○ですが、これは忍者ツールズで借りたカウンターの設定から引っ張ってこなければなりません。
まず、
ログイン⇒ツール管理モード⇒カウンタの設置 
で、HTMLソースという部分、この中に、
img src="http://○○○○.com/○/○○○
という部分があります。この部分をコピペして、上記の赤部分に入れればOK。

⑤必ずCSS編集のプレビューを見てください。ここで上手くいっていなかったら、アウトです。

⑥で、上手くいっていたら必ず「保存」。

でOK。

 …………まぁ、上手くいかない人がいたら連絡下さい。答えられる範囲で答えます。じゃ、おやすみなさい。

※そろそろ、皆様から頂いたコメントに一斉にお返ししようかと思っています。お楽しみ(?)に。