FC2ブログでタグ使用ランキングを表示

 ブログ内で使用されているタグのランキングを表示する方法を紹介します。FC2ブログでタグ使用回数一覧を表示では全てのタグが表示されてしまい長くなってしまう可能性がありました。で、今回JavaScriptを利用して表示するタグ数を自由に変更できるようにしました。当ブログでも設置していますのでご覧ください。
<div>
<script type="text/javascript"><!--

var ctag_name = "<!--ctag--><%ctag_name>,<!--/ctag-->".split(",");
var ctag_url = "<!--ctag--><%ctag_url>,<!--/ctag-->".split(",");
var ctag_count = "<!--ctag--><%ctag_count>,<!--/ctag-->".split(",");

var count = 10;  //表示するタグ数 
var ctag_link = new Array(count); for (i=0; i<count; i++){ 
var rank = i+1;
ctag_link[i] = '<li> 【'+rank+'位】 <a href="'+ctag_url[i]+'" title="'+ctag_name[i]+' タグ">'+ctag_name[i]+'('+ctag_count[i]+'件)</a></li>';
}  //順位の表示方法 

span = "";
document.write("<ul>"+ctag_link.join(span)+"</ul>");

//--></script>
</div>
 以上のタグをプラグインのフリーエリアに挿入するとタグランキングが表示されます。スタイルシートで外枠を付けたりリストに画像を使ったりする場合は次のCSSをご参考に。
<style type="text/css">
<!--
     /* 外枠のスタイル */
#tag_ranking{
  color : black;
  background-color : white;
  padding : 3px;
  border : 1px solid gray;
}

     /* リストのスタイル */
#tag_ranking li{
  margin-bottom : 3px;
  list-style-image : url(リストのURL);
}
-->
</style>
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
いろいろ回ってやっと目的のブログに辿り着きました~
また寄らせていただきます。
【2008/01/24 19:35】 | サル #- | [edit]
はじめまして、サルさん。
ブログ気に入っていただけて光栄です。
なんかやる気が湧いてきました~。
今後もよろしくお願いします!
【2008/01/25 00:34】 | 管理人です #6urEx/7U | [edit]
お借りします。

一つお聞きしたいのですが、リストを表示させないやり方はありますか?
ここのブログ様はリスト表示されてませんよね。

今後とも宜しくお願いします。
【2008/10/07 19:23】 | しほ #- | [edit]
お借りしております。
ご利用に際しお尋ねいたします。

表示されるダグのうち任意のタグ(複数)を
非表示化するように変更は可能でしょうか。

参考:PDタグリスト
http://publicplugin.blog45.fc2.com/?no=14527&style4=22666&style2=s
【2011/12/06 02:48】 | Hiro #27Yb112I | [edit]









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加