Membuat Tombol Share Button Keren Di Blog

Selamat datang lagi sobat di blog ini , pada kesempatan kali ini saya akan bagikan kepada sobat semua Cara Membuat Tombol Share Button Keren Di Blog , Tombol share ini dalam blog sangat penting untuk meningkatkan pengunjung ke blog sobat. Namun untuk menarik perhatian agar pengunjung blog mau berbagi artikel yang dibaca ke berbagai jejaring sosial, tentunya kamu membutuhkan tombol share yang cukup keren. Selain untuk membagikan dan menglike artikel kalian , tombol share dan like ini juga bisa menghias blog kalian , mau tutorialnya ? silahkan simak tutorial-tutorial saya dibawah.

Berikut ini Contoh Gambar Tombol Sharenya :

Seperti yang Sobat lihat, tombol memiliki jaringan sosial utama dan situs bookmarking sosial termasuk:

Facebook Share Button

Tombil Tweet

Google+

Pinterest tombol

Digg tombol

Tombol Stumbleupon

Jika sobat berminat untuk memiliki tombol share tersebut , silahkan ikuti tutorial-tutorial saya berikut ini :

1. Login Ke akun Blogger Sobat

2. Pilih Template > Edit HTML

3.Cari kode </head> (Gunakan Ctrl + F) untuk mempercepat , dan taruh kode berikut ini diatasnya

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-47c9cca-cf33-f245-f3f6-43ed7a58f34f"}); </script>

4. Selanjutnya Cari kode <data:post.body/> Mungkin di template sobat memiliki banyak kode tadi , cobalah setiap kode tadi sampai jadi. dan pastekan kode berikut ini dibawahnya:

<b:if cond='data:blog.pageType == "item"'><style>.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFF;-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px;box-shadow: #B3B3B3 5px 5px 5px;padding: 5px;margin: 10px;}</style><p align='center' class='doncaprio-share-buttons'><span class='st_facebook_hcount' displayText='Facebook'/><span class='st_plusone_hcount' displayText='Google +1'/><span class='st_twitter_hcount' displayText='Tweet'/><span class='st_pinterest_hcount' displayText='Pinterest'/><span class='st_digg_hcount' displayText='Digg'/><span class='st_stumbleupon_hcount' displayText='StumbleUpon'/><span class='st_fblike_hcount' displayText='Facebook Like'/></p></b:if>