Cara Memasang Tombol Share Dibawah Postingan

Thursday, June 05, 2014 Post a Comment

Keberadaan tombol share atau bagikan 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 kita semakin dikenal banyak orang melalui artikel yang mereka share.

Tombol Share Dibawah Postingan Blog Mas Hendra

Tombol share tersebut dapat dipasang di samping blog maupun di bawah postingan artikel Anda. Lalu bagaimana cara memasang tombol share di bawah postingan ada 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 pertama atau pada kode yang kedua. Sampai berhasil. Silahkan dicoba. Semoga berhasil.

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

Baca juga artikel menarik lainnya :
- Cara Memasang Halaman Selanjutnya (Next Page) di Blog
- Cara Membuat Artikel di Blog Agar Tidak Bisa Di-block (Anti Copas)
- Cara Membuat Link Warna-warni di Blog

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