ブログウィジェットにアクセスカウンタを設置してみる

| コメント(0) | トラックバック(0)

Google Analyticsを設定したので不要かもしれないのですが、サイドバーにアクセスカウンタを設置してみました。

【使用するアクセスカウンタ】

Dream Counter(夢カウンタ)

プログラムの入手、設定及び設置はDream Counter(夢カウンタ)を参照してください。

【ブログウィジェットの作成】

  1. デザイン>ウィジェットから「ブログウィジェットの管理」を開きます。
  2. 「ウィジェットテンプレート」の中の「検索」にを入れます。
  3. 「アクション」のプルダウンメニューから「テンプレートの複製」選んで「Go」をクリックすると「検索のコピー」が出来上がります。

20150617221647-833f78e1fb7b8972eac36e9c9314631db8120d7f.png

  1. 「検索のコピー」を開いてウィジェットの名前を任意名に変更します。

20150617222249-5364b04eb4adfb1777ec7da894a4a98d1832f3d3.png

  1. ソースコードの中から次の部分だけを残します。

	<div class="widget-search widget"><br />
	    <h3 class="widget-header">検索</h3><br />
	    <div class="widget-content"><br />
	    </div><br />
	</div>

  1. 「<h3 class="widget-header">検索</h3>」を表示したい任意名に変更します。
  2. 「<div class="widget-content">」をここでは「<div class="side-counter" align="center">」としました。
  3. <img src="<$MTCGIPath$>フォルダパス名/dream.cgi?id=カウンタ名&fig=桁数" alt="カウンタ" />」を挿入します。

	<div class="widget-search widget"></p>
	  <h3 class="widget-header">Counter</h3><br />
	  <p><div class="side-counter" align="center"><br />
	  <img src="<$MTCGIPath$>cgi/folder_path/dream.cgi?id=counter_name&fig=N" alt="カウンタ" /><br />
	  </div></p><br />
	</div>

  1. テンプレートの「変更を保存」して、「ウィジェットセット」から使用しているウィジェットセットを選んで、「ウィジェットセットの編集」を開きます。
  2. 上記で作成したウィジェットを「利用可能」から「インストール済み」ボックスにドラッグアンドドロップします。

20150617225603-1dba902ed4680d46515551bfb4711cfdaf4761ee.png

  1. 「変更を保存」して、「サイトを再構築」します。

20150617230145-3f1316cd4087a5e5820f93d4a63e5296d9eb7e6e.png

このように表示されれば完成です。

 

参考にさせていただいたサイト

小粋空間カウンタ設置方法

トラックバック(0)

トラックバックURL: http://jn4mmo.sakura.ne.jp/mt/mt-tb.cgi/2360

コメントする

2016年3月

    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

アーカイブ

Trackback People

この記事について

このページは、ANDY K. YAMAKITAが2015年6月17日 23:23に書いた記事です。

ひとつ前の記事は「Google Analyticsの連携で落ちた穴 2」です。

次の記事は「SyntaxHighlighter for Movable Typeを組み込んでみる」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 6.2.4