MEMBUAT TOMBOL SHARE/BERBAGI ARTIKEL DI BLOG

Membuat Tombol Share/Berbagi Artikel Keren di Bawah Postingan Blog


untuk memudahkan pengunjung membagikan artikel yang sedang dibaca tentunya kita harus menyediakan tombol berbagi dibawah postingan blog. 

Nah untuk tampak menarik dan membuat pengunjung nyaman dan mudah dalam melakukan berbagi artikel, kita selaku pemilik blog harus pintar-pintar dalam menyusun dan menempatkan Tombol Share/berbagi artikel di bawah postingan. Dan untuk itu semua saya akan membagikan sebuah tutorial mudah bagaimana memasang Tombol share/berbagi Artikel di bawah artikel keren, sama seperti dengan yang digunakan di template yang satu ini, untuk penampakan nya bisa anda lihat dibawah ini :



Membuat Tombol Share Keren di Bawah Postingan Blog :

Langkah pertama Log in dulu di akun Blog Anda 

Lalu pilih mene "Template" >> "edit HTML" 

Cari kode Script "<data:post.body/> 

lalu letakkan kode berikut ini sesudah kode "<data:post.body/> 

<b:if cond='data:blog.pageType == &quot;item&quot;'><br/>
<script type='text/javascript'>var switchTo5x=false;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-f47fa722-7a63-345d-ca8b-f9aadea89ef4&quot;, doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<div class='shr-btn'>Bantu Kami Beritahu Yang Lain :<br/>
<center><span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_linkedin_hcount' displayText='LinkedIn'/>
<span class='st_googleplus_hcount' displayText='Google +'/>
<span class='st_pinterest_hcount' displayText='Pinterest'/>
<span class='st_sharethis_hcount' displayText='ShareThis'/></center></div><br/><br/><style>
.shr-btn{
text-align:center;
font-size: 30px;
font-family: Georgia,serif;
font-style: italic;color:#6D0000;
border-top:1px solid ;
padding:10px;
border-bottom:1px solid;margin-left: -52px;
margin-right: -65px;
}
</style>
</b:if>

Jika kode "<data:post.body/>" lebih dari satu, silahkan taruh kode tersebut di bawah kode <data:post.body/> yang kedua, ketiga, keempat, tergantung jumlah kode tersebut di bawah postingan. Untuk kode yang saya gunakan saya menaruh kode tersebut di bawah kode yang ke empat.
Klik Pratinjau dulu, kalau berhasil silahkan klik simpan..

Untuk kata "Bantu kami beritahu yang lain" bisa Anda ganti dengan kata-kata yang lain, sesuai selera yang tentunya akan membuat menarik pengunjung untuk membagikan artikel yang sedang dibaca

Nah itulah sekilas tentang cara membuat tombol share/berbagi artikel keren dibawah postingan yang bisa anda gunakan untuk meningkatkan jumlah page view blog anda. Semoga bermanfaat dan menjadi berkah untuk kita semua.

Terima kasih