数日前に「はてなダイアリー」から「はてなブログ」に引っ越し。そんでかなり苦労した、はてなカウンターをサイドバーに設置する件。はてな同士の移行で、はてなカウンターはそのまま使えるとのことだったので安易に考えてた。
実際にサイドバーに設置しようとダッシュボード→デザイン→カスタマイズ（ドライバー図柄）→サイドバーに行き、→モジュールを追加→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
