Cara Memasang Tombol Share Di Bawah Postingan Blog

Gambar : Recapitalmedia.com

Keberadaan tombol share untuk saling membagi artikel atau sharing ke media sosial seperti Facebook, Twitter dan lainnya sangat diperlukan dalam blog maupun website. Banyak dari pembaca yang suka men-sharing apa yang mereka baca di blog kita. Secara otomatis, justru hal ini akan membuat blog Anda semakin dikenal banyak orang melalui artikel yang mereka share.

Tombol Share Dibawah Postingan

Tombol share tersebut dapat dipasang di samping blog maupun di bawah postingan artikel Anda. Lalu bagaimana cara memasang tombol share tersebut dibawah postingan pada blog? Saya akan berbagi tutorial bagaimana cara memasang tombol share dibawah postingan blog. Ikuti saja langkah berikut :

1. Masuk ke akun Blogger Anda DISINI

2. Klik -> Template

3. Klik -> Edit HTML

4. Cari kode <data:post.body/> di template blog Anda

5. Sebaiknya backup dulu template blog Anda

6. Copy kode script dibawah ini dan letakkan dibawah kode : <data:post.body/>

<b:if
 cond='data:blog.pageType == "item"'><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: 
"ur-f47fa722-7a63-345d-ca8b-f9aadea89ef4", doNotHash: false, doNotCopy: 
false, hashAddressBar: false});</script>
<div class='shr-btn'>
Share This Article<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>

7. Klik -> Save Template

8. Selesai

Biasanya terdapat lebih dari satu kode <data:post.body/> pada template blog. Anda dapat mencobanya pada kode <data:post.body/> yang kedua. Silahkan dicoba. Semoga berhasil.

Artikel yang di sharing ke media sosial Facebook, Twitter, LinkedIn dan lainnya tentu akan berdampak positif pada traffic blog Anda secara tidak langsung. Sehingga bukan tidak mungkin akan menaikkan jumlah pengunjung pada blog Anda.

Nah itu tips bagaimana cara memasang tombol share dibawah postingan pada blog. Semoga bermanfaat.

Cara Memasang Tombol Share Di Bawah Postingan Blog

Related Post