PHPWIND[民间论坛]数据搬迁导致丢失严重,用户数据基本全部损坏,十分遗憾来自phpwind.me的远古记忆

如何在帖子末添加分享按钮和“对我有帮助”按钮【优化版】

董宝中 离线 2.9K阅读 0回复 于 2014-07-08 16:36 发布在 技术文献 分类
百度分享插件插入的分享代码,如果放在文章末尾会居左不好看,本文介绍一下怎么让他居中,并添加一个顶的小按钮,先上图:

图片:1.jpg





演示地址:http://www.unki.cn/read.php?tid=1760&fid=38


安装步骤:
1、安装【百度分享】插件,该插件可以到云平台下载就行,我这里提供GBK的;
百度分享(GBK)下载:baidushare.zip
2、后台安装该插件,这里不再赘述;
3、安装插件以后启用并将下述代码插入其中,提交;
分享按钮HTML代码:
<!-- 将此标记放在您希望显示like按钮的位置 -->
 
<div class="bdlikebutton" style="margin-right: auto;
margin-left: auto;"></div>
 
 <div class="share cl" style=" width:250px;margin-right: auto;
margin-left: auto;">
            <!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare">
        <a class="bds_qzone"></a>
        <a class="bds_tsina"></a>
        <a class="bds_tqq"></a>
        <a class="bds_renren"></a>
        <span class="bds_more">更多</span>
        <a class="shareCount"></a>
    </div>
 
 
<!-- Baidu Button END -->


分享按钮JS代码:
<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
    document.getElementById("bdshell_js").src = "http://share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
</script>
<!-- 百度喜欢-->
<!-- 将此代码放在适当的位置,建议在body结束前 -->
<script id="bdlike_shell"></script>
<script>
var bdShare_config = {
    "type":"large",
    "color":"blue",
 
};
document.getElementById("bdlike_shell").src="http://bdimg.share.baidu.com/static/js/like_shell.js?t=" + new Date().getHours();
</script>


4、如下:

图片:2.jpg

标签

评论

0 最热 最新
游客
s_footer