Membuat Tombol Social Bookmark Di Blogger

Mungkin anda pernah/sering lihat ada tombol/widget share Facebook, Twitter dan yang lainnya di bagian atas sebuah artikel blog di mana pada kedua widget itu terlihat angka yang menunjukkan banyaknya link dari sebuah artikel/posting yang dishare oleh pengunjung blog.

Bila tertarik, anda juga bisa memasangnya dengan memasukkan kode tertentu pada template blog, sehingga pada setiap artikel secara otomatis akan terlihat berapa banyak link yang dishare pada kedua layanan online social networking tersebut.

Berikut ini adalah tutorial cara pemasangannya di blog, khususnya Blogger/Blogspot.

• Login ke akun Blooger.
• Klik “Layout”, lalu klik tab “Edit HTML”.
• Klik “Expand Widget Templates”.
• Tekan Ctrl-F untuk menampilkan search yang akan memudahkan pencarian anda dan lihat kode dibawah yang harus anda cari :
• Cari kode ini: <p><data:post.body/></p> atau <data:post.body/>
• Masukan kode dibawah ini sesudah <p><data:post.body/></p> atau <data:post.body/> :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='social_r'>
<div class='social-media'>

<div class='social'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>

<div class='social'><script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
tweetmeme_source = &#39;your_twitter_user_name&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>

<div class='social'><a class='DiggThisButton DiggMedium'><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></a></div>

<div class='social'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

<div class='social-t'><a href='http://anthneic.blogspot.com/'>By aNtH Blog</a></div>

• Klik tombol “PREVIEW” untuk mereview perubahan tampilan template.
• Bila tampilannya sudah benar, silahkan klik “SAVE TEMPLATE”.

Selamat mencoba, semoga bermanfaat