cnblogs TagCloud基于jquery的实现代码

  1. 进入"管理 >> 配置"面板

  2. 在"通过CSS定制页面风格"文本框内, 添加:

  

复制代码 代码如下:

  /***********tag cloud css****************/

  #tagCloud {

  text-align:center;

  overflow:hidden;

  }

  #tagCloud a{

  padding: 0 5px;

  line-height:1.5em;

  display:inline-block;

  }

  3. 在"页脚Html代码"文本框内, 添加:

  

复制代码 代码如下:

  <script>

  /***********tag cloud script****************/

  if($("#taglist").length>0)

  {

  var dict = {};

  $("#taglist td").has("a").has("span").each(function(i, x){

  dict[$("a", this).text()] = $("span", this).text().replace(/[)(]/g, "");

  });

  $("<div>").attr("id", "tagCloud").appendTo("div#mainContent");

  for(var k in dict)

  {

  var sz = (dict[k] * 4) + 12;

  $("<a>")

  .attr("href", "http://www.cnblogs.com/k-sharp/tag/"+escape(k)+"/")

  .attr("title", dict[k])

  .css("font-size", sz + "px")

  .text(k)

  .appendTo("#tagCloud");

  }

  $("#taglist").remove();

  }

  </script>