discuz X3.1 门户文章页增加新浪微博加关注按钮教程

摘要: 每次都觉得discuz X3.1门户文章页的面包屑导航的右面显得非常的空,所以就想给这空白的地方添加一点东西,看到别人的网站都有新浪微博加关注的按钮,又想到现在的大的网络环境是快速的微博时代,就想到给discuz X3.1 ...
每次都觉得discuz X3.1门户文章页的面包屑导航的右面显得非常的空,所以就想给这空白的地方添加一点东西,看到别人的网站都有新浪微博加关注的按钮,又想到现在的大的网络环境是快速的微博时代,就想到给discuz X3.1 门户文章页增加新浪微博加关注按钮,首先给大家看下添加了新浪微博加关注的按钮后的效果图:

discuz X3.1 门户文章页增加新浪微博加关注按钮教程

下面是具体的修改方法:


新浪微博加关注的代码自己去找一下就好了,具体的地址:http://open.weibo.com/widget/followbutton.php


1、路径template/default/common/header_common.htm

  • 打开header_common.htm文件,找到<html xmlns="http://www.w3.org/1999/xhtml">,在其后面加上<html xmlns:wb="http://open.weibo.com/wb">


2、路径template/default/portal/view.htm

  • 打开view.htm文件,找到<div class="z">……</div>,在其下面自己建立一个<div class="y">……</div>,其中y自己定,不一定要一样。
  • <div class="y">……</div>中间加上代码<wb:follow-button uid="1377959507" type="red_3" width="190" height="24" ></wb:follow-button>


3、路径template/default/common/footer.htm

  • 打开footer.htm文件,在最下面的</body>之前加上代码:<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>


4、跟着路径template/default/common/common.css,注意备份

  • 打开该文件,在最后面加上代码:  .y{float:right;},这个css代码是用来控制<div class="y">……</div>这个块级元素,使得微博关注浮动在右边的。

相关阅读