アクセスカウンターとおまけツールの導入方法（実践編）

…という訳でお待たせ致しました。

アクセスカウンターとおまけツールの実際の導入方法について書きたいと思います。

忍TOOLSのアクセスカウンター導入方法についてはあちこちのブログさんで紹介されてるので割愛しますね。

今回は、
　 LEND-SHOP.COM　さんのレンタルカウンター使用します。
ここのカウンターは、なんとアクセス解析機能付きなんですよ。

①まず↑リンクからLEND-SHOP.COMさんのところへ行き、Lendcountをクリック。

②規約をよく読んでから、みんカラのユーザーメニューでLEND-SHOP.COMさんへのリンクを貼りましょう。
　 ※リンクがレンタルCGIの使用の絶対条件になっています。

③リンク登録が完了したら、今度はカウンタの新規申込です。
必要条件を入力すれば、画面が変わって、登録ナンバーおよび、ソースタグが表示されます。
しっかりメモ（保存）しておきましょう。

ちなみにソースタグそのものは、
<IMG SRC="ほにゃらら">
　…という、とってもシンプルでわかりやすいタグですｗ

みんカラへの設置には、このほにゃらら部分をコピーしておきます。


④みんカラのスタイルシート編集を開いて、背景画像を差し替えたい領域を検索します。今回の場合は「TabBottom」です。

.TabBottom
{

background-image: url('ほにゃらら');　　　　←このほにゃららがカウンターのURLです
background-color: transparent;　　　　　　　←お好みの背景の色を指定します。　わたしの場合は透過。
height: 12px;　　　　　　　　　　　　　　　　　　 ←カウンターの画像サイズに合わせて高さを調節して下さい。
background-position: right bottom;　　　　 ←カウンターの表示位置。わたしの場合右下。
background-repeat: no-repeat;　　　　　　　←これをいれないと画像がリピートされてエライことになります。
]

⑤スタイルシートを保存すればOK！
（違う番号のスタイルシートを編集した場合は、選択したスタイルシートに変更をクリック）



次はおまけツール（訪問者のブラウザ・IP・国情報を表示するツール）の導入方法。



①UL5さんに行きます。

②ここの「おまけツール」の一番上のソースタグを利用します。

<a href=""http://www.ul5.com"><img src="http://www.ul5.com/liteinfo.php " alt="ブログパーツUL5" border="0"></a>

というソースの赤字部分をコピーしておきます。

③みんカラのスタイルシート編集を開いて、背景画像を差し替えたい領域を検索します。今回の場合は「Foundation」です。

#Foundation
{

/* 画像の高さに44PXの空白上部追加　*/

padding: 44px 0px 0px 0px;

/* おまけスクリプトURL */

background-image: url('http://www.ul5.com/liteinfo.php');
background-position:right -4px;
background-repeat: no-repeat;

width: 750px;
margin: 0 auto 0 auto;
text-align: left;

}

…とこんな感じに追加してください。
このままコピペでも多分OK…のはず。

④スタイルシートを保存すればOK！
（違う番号のスタイルシートを編集した場合は、選択したスタイルシートに変更をクリック）

⑤UL5さんの場合、特に使用条件にリンクの強制はされておられませんが、やはりリンクはしておくのが人情ってもんだと思います。


…とまぁ、こんな感じ。
いかがでしたでしょうか？