Cara Memasang Tombol Share Lengkap Di Bawah Postingan Blog

Cara Memasang Tombol Share Lengkap Di Bawah Postingan Blog

Tombol share pada blog merupakan komponen yang sangat penting dipunyai oleh seorang bloggers atau para pebisnis web lainya, karena dengan tombol share ini para pengunjung lebih mudah untuk membagikan artikel pada postingan kita ke media sosialnya tanpa mengcopy url postingan blog yang dikunjungi tersebut, sehingga nilai plusnya berdampak pada keuntungan si pemilik website atau blog karena dengan cara tersebut otomatis visitor pada blog kita akan mulai rame dikarenakan artikel kita yang di bagikan oleh si pengunjung, nah disini saya akan memberikan bagaimana cara atau penerapanya untuk membuat tombol share media sosial tersebut berada di bawah postingan anda.

Tombol Share Lengkap Di Bawah Postingan Blog

Cara Memasang Tombol Share Lengkap Di Bawah Postingan Blog

Tombol Share Lengkap Di Bawah Postingan Blog
1. Log in ke akun Blog anda dan Pilih menu "EDIT HTML"
3. Cari kode berikut </head> dengan menggunakan CTRL + F
4. Dan Letakkan kode berikut ini tepat diatas kode </head>

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

5. Setelah menaruh kode diatas, langkah selanjutnya carilah kode <data:post.body/>
6. Letakkan kode berikut ini tepat di bawah kode <data:post.body/>, jika anda menemukan banyak kode <data:post.body/>, maka taruh kode berikut pada kode <data:post.body/> yang kedua atau yang terakhir.

<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>

7. Klik SIMPAN, lihat hasilnya pada blog anda dan saya rasa demikianlah tutorial blog tentang Cara Memasang Tombol Share Lengkap Di Bawah Postingan Blog, Semoga bermanfaat.

Saya merupakan anak ke 8 dari 8 bersaudara, berwatak keras kepala dan sangat mencintai dunia blogging serta desain.
"Love My Mom"

Previous
Next Post »