読者です 読者をやめる 読者になる 読者になる

迷わず行こうよ、行けばわかるさ

転職、放浪、介護、何でも自分で経験しなけりゃわからない。まわり道でも行ってみたい。そんな感じの人生です・・・

はてなブログに「はてなカウンター」を設置する

数日前に「はてなダイアリー」から「はてなブログ」に引っ越し。そんでかなり苦労した、はてなカウンターをサイドバーに設置する件。はてな同士の移行で、はてなカウンターはそのまま使えるとのことだったので安易に考えてた。

 

実際にサイドバーに設置しようとダッシュボード→デザイン→カスタマイズ(ドライバー図柄)→サイドバーに行き、→モジュールを追加→HTMLで書き込んで保存すればいいようになってる。簡単かも?と思い、はてなカウンターのHTMLはどこにあったかな?と、カウンターの設定を探すけどどこにもない。あるのは貼り付け用タグってところに <hatena name="counter" cid="101"> ってあるだけ。あ、これを貼ってモードで”はてな記法”を選択すればOKかな? と思いきやダメ。じゃHTMLでもMarkdown(よく判らん)というのを選んでもダメ。

 

アクセス先など明細がよく判って便利なカウンターはぜひサイドバーに貼りたい。しかしどこ探してもわからない。・・・とここで偶然、ページの左下にこそっとカウンターが出てるのを発見!(今でも出てる)おーここを右クリックで”検証”してHTMLコピーしたらいいのか? ・・・HTML知らないからどこからどこまでか判らん。コピーの仕方も判らん・・・

 

仕方ないのでググって探してやっと発見。あれこれ書かず答えを先に!下記の中で赤文字の場所に「はてなカウンター」のID名(ABCのとこ) を書き換えて貼るだけです。きっと同じパターンで悩んでる人多いはず。

<span class="hatena-counter"><script type="text/javascript"><!--
hatena_counter_name = "ABC";
hatena_counter_id = "101";
hatena_counter_ref = document.referrer+"";
hatena_counter_screen = screen.width + "x" + screen.height+","+screen.colorDepth;
//--></script>
<script type="text/javascript" src="http://counter.hatena.ne.jp//js/counter.js"></script>
<noscript><img src="http://counter.hatena.ne.jp/ABC/101" border="0" alt="counter"></noscript>
</span>

 

これで無事サイドバーにカウンターが設置完了です。右サイドバーのCounterです。ありがとうございました!→はてなブログにはてなカウンターを貼り付ける方法 - 没個性テーマパーク:EXTRA