zblog云标签插件

时间:2016-01-03 09:18:05
【文件属性】:
文件名称:zblog云标签插件
文件大小:9KB
文件格式:7Z
更新时间:2016-01-03 09:18:05
zblog 云标签 好网站和SEO无关(good website without any seo)给Z-BLOG装上漂亮的标签云(js+css) Tags: 标签云在WordPress中是到处可见,一个比一个漂亮,看得心都痒痒的。因为翻遍了Z-BLOG插件都没有找着。遗憾ING.... 利用下午两个小时搜集网上大量资源,终于整出来一个简单、动态标签云效果。在这把方法和代码都贴上来,请大家多拍砖块。(看看效果先www.wm000.com) 接下来给大家介绍使用方法。 首先,大家需要下载相关文件 一、将此代码插入到侧栏中适当的位置

<#ZC_MSG138#>

<#CACHE_INCLUDE_TAGS#> <!--此处可以调用Z-BLOG标签,也可以用自已指定的标签。格式为:
  • 标签名
  • -->
    二、将以下CSS代码添加到你的主题的CSS代码中,CSS代码控制着标签块布局的显示效果 #Thinking{ position:relative; margin-bottom:10px; float:left; width:260px; height:245px; padding:5px; } #Thinking li {position:absolute; top:0px; left:0px; font-family: Microsoft YaHei; color:#000; font-weight:bold; padding: 3px 6px; } #Thinking a:hover {border: 1px solid #000; } #Thinking .tag-count{ display:none;} 三、将压缩包中的tags_move.js上传到你主题所在文件中的SCRIPT文件夹中.并在你需要添加标签云的页面代码的<head></head>中添加以下代码调用JS代码: [removed]THEMES/<#ZC_BLOG_THEME#>/SCRIPT/tags_move.js">[removed] 这样,就完成了给Z-BLOG装上标签云的过程,你的页面上就会有标签云了。
    【文件预览】:
    zblog-Tag-Cloud
    ----tags_move.js(4KB)
    ----说明.txt(1KB)
    ----最终效果.gif(7KB)
    ----)!访问我们的网站.url(294B)

    网友评论

    • 能用,谢谢分享
    • 我是IE9 效果真的不能恭维 建议还是修改下 多环境 360下也看不成
    • 还可以用,谢谢楼主分享
    • 很好,我正好用上,感谢!~
    • 非常好,只是IE8下效果不太好,文字边缘会有锯齿,谷歌浏览器就非常好了。
    • 很好用,很漂亮