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

justzjg · 发表于 2014-3-11 10:51:37

本帖最后由 justzjg 于 2014-3-11 10:55 编辑

人在不断的浏览，浏览中增加见识，见识促使研究和想法，有想法了就开始模仿。

我觉得我是典型的这样的人。

今天，看到韩国娱乐新闻这个行业中比较有代表性的网站，在文章页有关注我新浪微博，他的这个微博的粉丝达到了4.1万，感叹！如果我的微博也是这么多，我想韩饭吧的人气也会不错的，相辅相成。

于是乎，在百度搜索新浪微博关注，就出来了相关的教程，但是只给了个大概，写的都很模糊，所以发挥现在强大的网络功能：百度。百度discuz增加新浪微博关注的关键词，果然就出来了，但是这个教程是写给discuz的论坛加的，对我有点用，但是又不相关的，大家可以看下我的微博关注加的位置。

下面就给大家分享下，我是怎么样在这个位置加的代码的，如果你想自己琢磨出如何加的，请您先学会firebug这个插件的运用方法。

1、跟着路径template/default/common/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，注意备份
   打开该文件，找到<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，注意备份
   打开该文件，在最下面的</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;}，这个代码是控制<div class="y">……</div>，使得微博关注浮动在右边的。

以上文件都修改好后，一次上传覆盖原文件，跟新下后台的缓存，就可以看到效果了。
文章来自：http://www.hanfanba.com/article-1195-1.html
演示的效果：http://www.hanfanba.com/article-1175-1.html

228869831 · 发表于 2014-3-11 10:53:26

试试看。。。。。。

justzjg · 发表于 2014-3-11 10:55:55

228869831 发表于 2014-3-11 10:53
试试看。。。。。。

我自己拿自己的网站实验的，是可以使用的哇。

真情曝光 · 发表于 2014-3-11 11:29:29

很不错。收藏保存了！~~

justzjg · 发表于 2014-3-11 12:55:23

真情曝光发表于 2014-3-11 11:29
很不错。收藏保存了！~~

谢谢你的收藏了哇

1314学习网 · 发表于 2014-3-11 13:45:22

支持下分享。。。

justzjg · 发表于 2014-3-12 09:58:22

1314学习网发表于 2014-3-11 13:45
支持下分享。。。

谢谢支持了啊
你可是大神啊

月白花凋 · 发表于 2014-4-5 14:09:58

我先收藏了。之前新浪火的时候没把握住。。就是因为不懂代码。

		自动登录	找回密码
密码			立即注册

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