1. 程式人生 > >分享仿異次元百度分享工具條

分享仿異次元百度分享工具條

仿異次元百度分享工具條

現在做網站一個社會化分享工具還是很有必要的,百度在不久前提供了百度分享功能,據說這個功能會讓百度更加青睞你的網站。百度提供的分享工具條樣式比較單一而且不是太好看,看到異次元的百度分享工具條非常好看,於是仿了一個近似的,先分享出來給大家用。

作者:eliteYang
部落格地址:http://www.cppfans.org    C++愛好者部落格是一個以程式開發、IT資訊為主的個人部落格,旨在與各位網友交流開發經驗,分享知識。
釋出時間:2012/10/20
使用宣告:請尊重原創者,允許轉載和修改,但需要保留連結,謝謝合作,祝大家使用愉快,如有疑問,請至 C++愛好者部落格(www.cppfans.org) 交流討論。本工具條旨在學習CSS和JS開發,並無意抄襲或剽竊異次元部落格風格,如過異次元發出禁止使用宣告,請大家不要再使用了。

使用說明:

1.將baidu_share_tool_bar資料夾裡的所有檔案上傳到你的wordpress當前主題的目錄下
2.在文章頁面single.php適當的地方引用share.php即可,程式碼<?php include(“share.php”); ?>
3.從百度分享http://share.baidu.com獲取分享和喜歡按鈕的程式碼,程式碼裡有你自己的id,修改share.php中註釋處的uid為你自己的
4.需安裝WP-PostViews外掛,用來顯示訪問次數,一般都會安裝的

—————————————華麗的分割線—————————————

版本記錄:

2012/10/24 Version 0.5

1.修改圍觀次數錯誤的問題(感謝icedream同學的提醒)

2012/10/20 Version 0.4
1.修改上一篇和下一篇邏輯反了的問題

2012/10/20 Version 0.3
1.修改前一頁後一頁導航條程式碼,使之功能正確(非常感謝icedream的幫忙,其部落格地址為:http://tesfans.org/)
2.修改百度喜歡樣式表like.css的like按鈕圖示使用JS獲取,並分為使用JS獲取版本和不使用JS獲取版本(like.css和like_donot_use_js.css,如果你嫌JS載入慢的話,可以修改like_donot_use_js.css為like.css)
3.整理滾動後自動置頂程式碼為一個單獨的JS(share_roll.js)
4.修改share.css和like.css為按需載入,在share.php頂部載入

2012/10/14 Version 0.2
1.修改前一頁後一頁導航程式碼(還有錯誤),title標籤沒有做

2012/10/13 Version 0.1
1.增加share.php程式碼
2.增加百度分享樣式表share.css程式碼
3.增加百度喜歡樣式表like.css程式碼

FAQ:
1.我的部落格文章頁面較寬,如果修改百度分享工具條的寬度?
答:修改share.css中share_toolbar的widch屬性為與你部落格文章頁面寬度符合的值

2.我的部落格主題下沒有js資料夾怎麼辦?
答:修改share.php最後一行程式碼中js檔案的路徑

3.為什麼我部落格裡百度分享和喜歡的數量和我在百度分享後臺看到的資料不一致?
答:請檢查share.php中的uid是不是自己的id,如果不是請修改了。如果還不一致,請聯絡百度分享的工作人員解決

4.為什麼我的工具條沒有圖片顯示出來呢?
答:請檢視您的部落格當前主題image檔案下share.gif圖片是否正確

5.請問是否支援wordpress之外的其他建站系統?
答:需要修改裡面WP提供的函式為你的建站系統的函式,其他不需要改動。

更多使用問題和交流請留言說明。

效果可以參考本部落格任意文章上的分享條

—————————————華麗的分割線—————————————

統一解壓密碼:www.cppfans.org

—————————————華麗的分割線—————————————

最新說明:

剛去看了異次元的工具條,又增加了g+分享,不過我的部落格寬度不夠,所以就不增加了,如有需要增加的,可以找我修改程式碼。