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

 

最近在博客文章结尾加上了一个百度喜欢按钮,其实此类型按钮有很多种,例如无觅、友荐等等,但是我个人更喜欢百度的喜欢按钮。初次将百度喜欢按钮添加到single.php内后发现,按钮总是居左显示的,这样看起来很不协调,而且添加div style属性align=center或者text-align=center都无法使它居中,因为代码是js的。其实,换个思路想,将按钮div包裹在另一个div中,然后调整父级div的内边距,即使用padding-left或者padding-right来调整其位置使之居中,详细方法示例如下。

百度喜欢按钮的代码是:

 

父级div包裹按钮代码:

仅仅将<div class="bdlikebutton"></div>   这段代码放在里面就行了,最后完整代码如下:

 

其中,padding-left的值需要根据你网页内容框架的宽度和百度喜欢按钮的宽度来设置,我的文章内容框宽度618px,百度喜欢按钮在选择的最大的那个145px的,所以padding-left应当为236.5px,就选236px了。

bdlike