Trik Memasang Tombol Berbagi Multi Di Atas / Si Bawah Postingan

Tombol berbagi / shared button sangat besar sekali fungsinya bagi blog/website kesayangan kita karena lewat tombol berbagi itu akan memudahkan pengunjung untuk membagikan artikel kita kepada teman-temannya di jejaring sosial dan lainnya.

Saya akan sedikit berbagi kode javascript + html mengenai tombol sharing ini, silahkan simak baik-baik kodenya berikut ini :

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/> yang ke-2 atau silahkan eksperiment oleh sobat sendiri dimana tombol tersebut akan diletakan.

<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

Demikian yang saya tahu tentang tombol sharing tersebut dan smoga bermanfaat...

• Tweet
• Share
• Share
• Share
• Share