在前2篇部落格“部落格美化(1)基本後臺設定與樣式設定”與"部落格美化(2)自定義部落格樣式細節"中詳細介紹了部落格樣式設定的相關問題，當然可能是自己角度的問題，不是所有人都能完全搞明白，我個人的建議是，自己一邊改，一邊測試，只要花時間，肯定沒問題，想我這種js,css小白都可以慢慢修改一點，大家也都沒問題的，只是看想不想去折騰了。還是那句話，人生在於折騰。這一篇文章來一個實際的案例，也算是前2篇文章的一個補充，為自己的部落格新增一個“分享按鈕”。很多人可能也見到過類似的按鈕，部落格園的很多大神都在使用。效果就是您看這篇文章當前頁面，最右邊的那個按鈕。如下圖所示：

　　下面將像大家介紹幾種分享按鈕以及使用步驟。當然可能對很多人是小菜一碟，這裡也算是一個拋磚引玉的作用，希望大家分享更多自己折騰部落格園的外掛，因為我找這個東西花了很長時間(不懂原理，不知道搜尋啥關鍵字)，現在看來當然是非常簡單了。進入主題之前，先感謝

當然這裡的分享按鈕也可以用於大家各自的專案中，很多網站場合都可以使用，而不僅僅是部落格園，使用方法大家模式和參考說明，本文只針對部落格園的使用。

1.社會化分享

　　最近幾年所謂的SNS(Social Networking Services)，即社會性網路服務非常火，啥微博，空間，蘑菇街。。開心，人人啦。。。數不勝數，雖然我不太經常用，但總歸看到身邊人在用，而且比較頻繁。以前沒有數量的概念，但看到下面一些數字後，我也很吃驚。在這裡也給大家分享以下，作為使用這個按鈕的原因之一：

　　上述更詳細的報告可以參考源連結。所以在社會化網路如此發到的今天，看到微信朋友圈每天的那些轉發，的確是很有衝動給自己的部落格新增一個按鈕，讓分享更快，更美麗。（同時也發現很多網友，使用複製貼上來把文章分享到自己的部落格，比較費勁，有了這個工具，事半功倍)。接下來就看看幾款優秀的分享工具吧。

2.選擇一個分享按鈕

　　以前不知道有這種現成的東西，一直以為網友的這種按鈕效果是自己用js寫出來的，所以非常羨慕這些朋友。但自從發現這個東西后，百度了一下，非常多，我找了幾個，一起都分享給大家吧。大家根據自己的喜好以及需要來選用。使用方法將在下一小節中提到，過程也很簡單，獲取程式碼後貼上到部落格園的頁首Html程式碼中就可以了。

1.JiaThis分享按鈕

　　我最先了解和接觸，也是目前在使用的分享按鈕就是“JiaThis”按鈕，也就是大家目前右側看到的。這個使用量應該很廣泛吧，講到好多園友都是使用的這個。其網址為：http://www.jiathis.com/index2。這個按鈕的特點是樣式多，支援的網站也多大122個，非常全面。還有一個高階的“自定義”的功能，可以生成滿足自己需求的按鈕，比其他的功能要全面些吧，效果還不錯。

2.分享家按鈕

　　分享家按鈕是後來百度到的，稍微試了一下，感覺支援的網站不多，樣式也沒有JiaThis那麼豐富，湊合著用吧。分享家官網是：http://addthis.org.cn/，這個分享家網站還提供一個訂閱按鈕，功能類似吧，有興趣的可以去看看。

3.百度分享按鈕

　　本人一直對百度的產品比較反感，感覺是啥都要做，啥都做不好，要不是迫於無奈，百度搜索都不會用。這個百度分享按鈕雖然提供的樣式比較多，但沒發現有多少在用，看了網站的介紹，總體感覺一般的，可能使用它的好處是流量統計做得比較好。支援的網站也不如JiaThis的多。樣式可能比較簡潔，大家看看，喜歡可以用用。這個百度分享有 一個專業開發版 和 自由版，專業版可能是供自己網站開發用的，像部落格園使用自由版就好了。

4.bShare分享按鈕

　　bShare也是非常專業的一個分享按鈕，據網站介紹使用的人挺多吧，樣式也挺多，不過也都差不多，其支援的網站挺多130+，比JiaThis還多啊。有一些特殊的樣式，比較贊一個吧。這個我也沒去嘗試，留個腳印吧。這個網站也有不少其他產品，值得用用。

3.新增到部落格園部落格

 　　大家根據上面選擇的按鈕，獲取到程式碼之後，直接貼上到部落格園後臺-頁首Html程式碼 的文字框中就可以了，如下圖我的程式碼和截圖：

<script charset="utf-8" type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0&amp;btn=r3.gif"></script>

至此，大功告成，大家儲存後就可以看到效果。