Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mudah Membuat Tombol Share Facebook, Buzz, Digg, Twitter Di Blogspot


Tombol atau fungsi share didalam sebuah Blog atau website merupakan salah satu fitur terpenting yang harus dimiliki . Tujuan dari fitur ini adalah untuk membagikan artikel yang kita tulis sehingga lebih banyak pembaca dan pengunjung akan berkunjung disana.
 
Sebuah tombol share ini membuat blog atau situs web Anda ramah pengguna (user friendly) dan juga mendukung pengoptimalan mesin telusur (SEO) yang dikenal sebagai SMO (Social Media Optimization)

Penyebaran postingan web / blog atau postingan di media sosial akan semakin meningkatkan popularitas dan rangking di halaman hasil pencarian (SERP).  Berikut akan dijelaskan langkah demi langkah untuk membuat tombol share di blog / website :

Langkah 1

1.  Langsung saja silakan copy kodenya terlebih dahulu:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:4px 0px 30px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;font-style:Italic;'>
Share this history on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name Twitter' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
</b:if>

Langkah 2

  1. Login ke Blogger » Pilih Rancangan » Edit HTML » Centang Expend Widget 
  2. Cari Kode lah  <div class='post-body entry-content'>
  3.  Tips mencari cepat: tekan ctrl+f dan masukan kode di atas, atau jika tidak ketemu musukan saja post-body kemudian cari kode yang mirip dengan yang saya sebutkan tadi di atas!
  4.  Jika sudah ketemu pastekan code yang telah Anda copy tadi tepat di atasnya <div class='post-body entry-content'>
  5.  Simpan Template dan Lihat hasilnya