カウンター関係の設置場所
目的 |
チューニング・カスタム |
作業 |
DIY |
難易度 |
初級 |
作業時間 |
1時間以内 |
1
まず最初にお断りしておきますが、あくまでカウンターの設置場所のみです。
登録方法等は自分でも結構時間が経過してしまい、覚えていないので…
登録方法は他でアップされてる方もおられると思うので、探してみてください<(_ _)>
アクセスカウンター
文字通り、アクセス数(ページビューも選択可)を表示します。
登録はこちら(忍者ツール)
http://www.ninja.co.jp/
ページの基本
ヘッダータイトル(div#BodyBlockHeader h2)
に
background-image:url("アクセスカウンターのURL");
background-position:0px top;
background-repeat:no-repeat;
を追加
background-position:0px top;
の数字は0だと左、数字増やすごとに右に移動しますのでプレビューで試しながら、位置決めしてみてください。
2
フラッグカウンター
国別の訪問者数を国旗で表示します。
登録はこちら(フラッグカウンター)
http://flagcounter.com/index.html
ちなみに、フラッグカウンターの登録はすべて英語表記のHPなので、登録には苦労した記憶が…
サイドメニュー
ユーザー自己紹介(div#SideUserMemo)
に
padding-top:400px;
background-image:url("フラッグカウンターのURL");
background-position:top/;
background-repeat:no-repeat;
を追加
プロフィール
自己紹介(div#SelfIntroduction)
に
padding-top:400px;
background-image:url("フラッグカウンターのURL");
background-position:top/;
background-repeat:no-repeat;
を追加
("フラッグカウンターのURLpageviews=1/flags=1/");
pageviews=1/flags=1/ を付けるか外すかで、ページビューと現在の訪問国籍数の表示を選択できます
フラッグカウンターは国旗が増えるとどんどん縦に長くなるので、padding-top:400px;の部分を現在の長さに合わせて変えてやる必要がありますのでご注意を!
3
フラッグマップ
同じく、フラッグカウンターの地図バージョン
共通コンテンツ
タグ(div.userTag)
に
padding-top:210px;
background-image:url("フラッグマップのURL");
background-position:top/;
background-repeat:no-repeat;
場所はイマイチ良い所がない、サイドメニューに収まる横幅だと良かったんだけど…
追記
2017 2/12
ブログのタグが何故か表示されなくなったので、ブログのトラックバックURL表示にも、同じ内容を追加しました。
タグの表示が戻れば、削除予定です。
4
オンラインカウンター
現在の訪問者数を表示します。
登録はこちら(whos.amung.us)
http://whos.amung.us/
サイドメニュー
何シテル?本文(div#Nanisiteru div)
に
background:url(オンラインカウンターのURL) left 0px no-repeat;
を追加
何シテル?に貼り付けた場合は何シテル?を削除したりして表示されてない場合はオンラインカウンターも表示されません。
5
今日(Today)、昨日(Yesterday)の訪問カウンター
昨日、今日、累計、1週間分グラフの表示の他、アクセス解析や統計をグラフで見たり出来ます。
カウンターの表示は色々選択出来ますが自分はシンプルにTodayとYesterdayのみです。
登録はこちら(ヒットグラフ)
http://www.hitgraph.jp/
タブ
タブ(ul#MainNav)
に
background:url(ヒットグラフのURL)left 0px no-repeat;
padding-top:50px;
を追加
設置場所は一例です。
様々な場所で、貼り付け可能なので、試してみてください。
[PR]Yahoo!ショッピング
入札多数の人気商品!
[PR]Yahoo!オークション
タグ
関連コンテンツ( スタイルシートのカスタマイズ の関連コンテンツ )
関連整備ピックアップ
関連リンク