Cara Membuat Berbagai Tombol Share pada Blogger

Ternyata tombol share dapat mendatangkan banyak pengunjung yang banyak dari luar sana. Berarti tombol share bisa dianggap wajib untuk dipasang pada blog atau website. Tombol share ini memiliki beragam jenis, yaitu tombol share facebook, Buzz, Digg, dan Twitter. Apa manfaatnya untuk blog? Manfaatnya adalah untuk memberikat kesempatan kepada para pengunjung blog untuk berbagi kepada teman-temannya atau janringannya melalui fitur share yang tersedia pada suatu blog. Lalu bagaimana cara membuatnya? Jika anda berminat ingin membuat atau memasang pada blog anda silahkan ikuti langkah-langkah berikut ini. 

1.  Login ke Blogger untuk menuju ke dasbor blog anda.

2.  Klik Rancangan > Edit HTML > Centang Expand Template Widget.

3.  Cari kode <div class='post-body entry-content'> atau class='post-body entry-content' (Ctrl+F).

4.  Copy paste kode berikut tepat di atas salah satu dari kode tadi.

<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 Your Twitter' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

</div>

</div>

</b:if>

Keterangan:

Warna biru --> Silahkan ganti dengan user nama twitter Sobat.

5.  Klik Simpan Template jika sudah.

Perhatian:

Tidak semua template yang bisa menerapkan tombol share pada templatenya. Jika tombol share tidak bisa diterapkan pada blog anda, maka haruslah dimaklumi.

>>>Semoga Bermanfaat<<<