添加百度喜欢按钮并居中显示

今天一个好朋友(妹子呦)说要是给文章添加一个点赞按钮就好了,她好想点赞。本来我觉得有多说评论,应该就OK了,但是后来一想,觉得评论比较还是要登陆才可以使用,虽然它支持很多社交账号,但还是很麻烦。于是便决定添加这样一个按钮。

百度之后,发现着类插件以及代码还真不少,不过作为使用Wordpress已经比较久的我,深知插件使用太多会对网站的相应速度影响比较大,所以优先决定使用代码。看到许多人推荐百度喜欢,我觉得不错,不过后来发现百度似乎已经不支持这个了,只有百度分享了。不过最后我使用了以前的,还是蛮好用的。代码如下:

 <!-- 将此标记放在您希望显示like按钮的位置 -->
<div class="bdlikebutton"></div>
<!-- 将此代码放在适当的位置,建议在body结束前 -->
<script id="bdlike_shell"></script><script>// <![CDATA[
var bdShare_config = { "type":"large", "color":"blue", "uid":"82019" }; document.getElementById("bdlike_shell").src="http://bdimg.share.baidu.com/static/js/like_shell.js?t=" + Math.ceil(new Date()/3600000);
// ]]></script>

但是这个代码会有一个问题,就是它显示的位置会比较尴尬,对于很多人来说应该不太满意,我参照网上一些文字大概修改了一下,可以让这个喜欢按钮显示在文字的中间部分,就像我的文章。代码如下:

 <!-- 将此标记放在您希望显示like按钮的位置 -->
<center><div class="bdlikebutton"></div></center>
<!-- 将此代码放在适当的位置,建议在body结束前 -->
<script id="bdlike_shell"></script>
<script>
var bdShare_config = {
"type":"large",
"color":"blue",
"uid":"82019"
};
document.getElementById("bdlike_shell").src="http://bdimg.share.baidu.com/static/js/like_shell.js?t=" + Math.ceil(new Date()/3600000);
</script>

将这段代码添加到single.php(文章页显示)和page.php(页面显示)你想显示的位置,就可以了。


已有 2 条评论

  1. Jenny

    O(∩_∩)O哈哈~稀饭~~

    Jenny 回复
    1. 时间轨迹
      @Jenny

      那还得谢谢你的建议哈~~~

      时间轨迹 博主 回复

添加新评论

选择表情 captcha

友情提醒:不填或错填验证码会引起页面刷新,导致已填的评论内容丢失。

|