01
21
FC2ブログでタグ使用ランキングを表示
2008-01-21<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>
