Cara membuat tombol share keren di bawah postingan

Cara membuat tombol share keren di bawah postingan- Kali ini ,saya akan mencoba mengulas masalah share button. Banyak sahabat saya yang bertanya seberapa pentingkah tombol share di tampilkan di blog? Apa yang akan terjadi jika tidak ada tombol share? Bagaimana cara membuat tombol share di bawah postingan blog?. Saya akan mencoba menjawab pertanyaan sobat dengan artikel ini.



Pertanyaan Pertama seberapa pentingkah tombol share di tampilkan di blog?
Menurut saya dan sebagian bloggers, trafik yang mereka dapatkan sebagian besar dari sosial media. Disamping dari penelusuran kata kunci tentunya. Misalnya di Facebook,sobat bergabung didalam suatu komunitas blogger dan saling men share blog yang sobat miliki,tentu akan mendatangkan trafic bagi blog sobat. Terlebih Jika blog sobat masih muda dan belum banyak yang kenal , menshare blog disosial media selain mengenalkan blog juga untuk meningkatkan trafic blog. Intinya sosial button sangat penting dan wajib ada.

Pertanyaan kedua Apa yang akan terjadi jika tidak ada tombol share?
Sebenarnya walaupun tidak ada sosial button, blog sobat nggak akan dibaned kok. Sosial button ini merupakan pelengkap bagi blog agar dapat meningkatkan peformanya... wkkwkwk.
Terlebih sekarang banyak designer template blog memasukkan sosial button di template yang mereka rancang. 

Pertanyaan ketiga Bagaimana cara membuat tombol share di bawah postingan blog?
Nah, inilah topik pembicaraan kita yang utama, yaitu cara membuat tombol share dibawah postingan blog. Kalau sudah jadi ,nanti hasilnya bakalan kayak gini sob! Keren kan? ,lalu bagaimana cara membuatnya?
Cara membuat tombol share
Pertama, masuk ke akun blogger sobat, pilih blog yang akan ditambahkan share button
Selanjutnya masuk ke-tab Template . Klik Cadangkan/Pulihkan, untuk berjaga-jaga
Lalu Edit HTML.
Cari kode </head> dengan menekan tombol CTRL + F.
Letakkan kode dibawah ini tepat diatas kode </head>

    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
    <script type='text/javascript'>stLight.options({onhover:false , doNotHash: true, doNotCopy: true,   hashAddressBar: false});</script>

 Lalu untuk memangil kode diatas, cari kode <data:post.body/> dengan menekan tombol CTRL + F.
Letakkan kode dibawah ini tepat dibawah kode <data:post.body/> 

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFFF;-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>

 Simpan template

Note:

 Yang berlatar hijau adalah kode pemanggil tombol share, sobat bisa menghapus tombol share yang tidak diinginkan.

Selesai deh :) , semoga artikel Cara membuat tombol share keren di bawah postingan bermanfaat . Sampai jumpa di lain kesempatan. Jangan sungkan untuk bertanya jika ada kendala dalam penetapan tutorial ini, sob!