百度分享默認固定在頁面左側(cè)邊，不管頁面向下或者向上滾動，百度分享按鈕都會固定懸浮顯示；好了，下面就介紹一下WordPress網(wǎng)站側(cè)邊欄添加懸浮分享按鈕教程，其實很簡單，在原百度分享代碼上添加一段css即可。

1、首先在WordPress后臺編輯footer.php文件，把你在百度的分享按鈕頁面獲取的百度分享js腳本代碼復(fù)制到footer.php的 標簽之前，當(dāng)然你也可以直接復(fù)制下面代碼，跟百度分享按鈕腳本代碼是一樣的：

2、編輯header.php文件，把下面百度分享代碼添加到header.php文件中的標簽之前：

3、編輯style.css文件，把下面css樣式代碼添加到最底部：

.baidus a {

margin: 3px 0px !important;

padding: 0px !important;

width: 16px !important;

}

.share {

position: fixed;

left: 50%;

margin-left: -665px;

top: 300px;

width: 25px;

background-color: #FFF;

border-left: 1px solid #CCC;

border-top: 1px solid #CCC;

border-bottom: 1px solid #CCC;

padding: 5px;

-webkit-border-top-left-radius:5px;

-moz-border-top-left-radius:5px;

-webkit-border-bottom-left-radius:5px;

-moz-border-bottom-left-radius:5px;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;

}

注意：上面css樣式中，必須修改margin-left: -665px; 這個參數(shù)為自己網(wǎng)站頁面最中間到左側(cè)邊欄的寬度，可以自行調(diào)節(jié)，效果如下圖：

好了，上面三步完成后，刷新頁面，效果已經(jīng)出現(xiàn)了。