您好,欢迎来到中国博客联盟!这里只收录优秀独立博客,纯手工审核机制!
点此可加入QQ群交流建站心得!中国博客联盟QQ交流群快速加群按钮   / 登录 / 注册 / 找回密码
当前位置:中国博客联盟 » 站长资讯 » 联盟资讯 » 文章详细

一段js代码就可以轻松制作这个博客联盟导航,你还在等什么?

来源:中国博客联盟 浏览:11951次 时间:2014-07-11

以下就是中国博客联盟推出的自适应JS调用代码,在任意网页引用后就可以制作一个和中国博客联盟数据同步的联盟导航页面了!


一、JS部署


①、常规JS调用版:


 <script type="text/javascript" src="http://static.zgboke.com/hutui.js"></script>


②、无图标JS调用版(推荐放到侧边栏的博客使用此版本):


       <script type="text/javascript" src="http://static.zgboke.com/hutui.js?delicoid="zgboke-nav-js"></script>


    以上代码根据实际需求二选一,粘贴到你的博客对应页面中即可,推荐放到留言板。

    

③、https版本

     最近很多博客都开始用上https了,而博客联盟却因为种种原因没能启用https。为了兼容这个趋势,最近发时间给博客导航开启了https。

     如果你的博客开启了https,那么请使用如下代码部署导航:


   <script type="text/javascript" src="https://api.zgboke.com/hutui.js"></script>

   


④、导航无法居中:

      ps:若发现无法居中,可能是因为p标签缩进2em导致的。只要在js代码首尾加入p标签,并重新申明0字符缩进即可解决,如下为完整代码:

 <p style="text-indent:0em !important;"><script type="text/javascript" src="http://static.zgboke.com/hutui.js"></script></p>


二、插件部署


①、Wordpress插件版


不会使用js代码部署的博友,可以安装最新推出的Wordpress插件,傻瓜式部署这个页面:

下载地址http://downloads.wordpress.org/plugin/zgboke-nav.zip

插件主页:http://wordpress.org/plugins/zgboke-nav/

插件介绍http://zgboke.com/artinfo/22.html

更多建站程序插件,敬请期待!


②、Z-BLOG-PHP插件版


下载地址:http://app.zblogcn.com/?id=574

插件作者:唐朝博客

作者博客:http://www.songzhenjiang.cn/


③、EMLOG插件

反馈地址:http://www.shuyong.net/zhidao.html

下载地址:http://www.emlog.net/plugin/228

④、Z-BLOG-ASP插件(暂未开发)


    发现很多ZBASP博主不会部署js代码,下面简单说下ZBLOG博客部署导航的简单步骤:


I、登陆后台、选择页面管理并编辑页面:




II、点击编辑器左上角的[源代码]按钮切换到HTML模式:


III、最后在你想要的位置粘贴上文提供的js代码,并保存即可:


IV、如果启用了静态页面,请使用缓存重建功能,重建缓存,否则前台看不到更新内容


调用联盟导航后的博客,中国博客联盟将会予以荣誉、推荐以及置顶称号,享受整站优先、直链展示的权利!从SEO的角度来说,这是一个单向的外链(js不会有外链输出),你还等什么?





IV、如果启用了静态页面,请使用缓存重建功能,重建缓存,否则前台看不到更新内容


调用联盟导航后的博客,中国博客联盟将会予以荣誉、推荐以及置顶称号,享受整站优先、直链展示的权利!从SEO的角度来说,这是一个单向的外链(js不会有外链输出),你还等什么?




推荐博客

  • 偶木哟偶木哟

    一个专注安卓前端方面的网站!-omui.net官网

    omui.net
  • 何明博客何明博客

    新顶级域名 创意创新域名投资 网络数字资产投资交易 非主流域名资讯

    heming.cm
  • 三欧吉三欧吉

    三欧吉是一个微信科技博客文集

    www.3og.cn
  • 立云图志立云图志

    立云图志 - 用相机记录周遭故事

    www.lopwon.com
  • 同心圆同心圆

    本站致力于典当行业发展的专题研究,研究典当行业的历史,现状,以及未来的发展趋势,探索典当与互联网对接的路径,探寻互联网在线典当的发展模式

    www.txy.net
×
图标按钮