Social Bookmarking Widgets dengan Live Counters untuk Blogger

Hari ini saya akan menunjukkan kepada Anda Bagaimana menambahkan Social Bookmarkings Widgets ke blogger Anda. Anda mungkin bertanya apa kelebihan dari widget ini??? 


Di sini saya tunjukan beberapa fitur widget ini blogspot, antara lain :

1. Bersih dan terlihat cantik.
2. Berisi semua kode situs sosial
3. Live counter yang menunjukkan berapa kali posting dibagi
4. Latar belakang yang transparant dan bisa di pasang pada blogger semua template.

Lihat Demo di sini

Bagaimana cara menempatkan/memasang nya di postingan Blog...????

1. Login ke admin blog anda
2. Anda klik tab Rancangan
3. Klik Edit HTML
4. Aktifkan Expand Tamplate Widget  

Kemudian anda cari kode seperti di bawah ini :

]]></b:skin>

Setelah kode di atas anda temukan, selanjutnya copy dan paste kan kode berikut : 

Selanjutnya anda cari kode seperti di bawah ini :

<data:post.body/>

Kemudian anda copy paste kan kode seperti di bawah ini di atasnya :

<b:if cond='data:blog.pageType == "item"'><div id='stage'> <div class='btn digg'><div class='bcontent'><a class='DiggThisButton'/><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div></div> <div class='btn tweetmeme'><div class='bcontent'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div></div> <div class='btn'><div class='bcontent'><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><div class='btn dzone'><div class='bcontent'><script language='javascript' src='http://widgets.dzone.com/links/widgets/zoneit.js'/></div></div> <div class='btn reddit'><div class='bcontent'><script src='http://www.reddit.com/button.js?t=2' type='text/javascript'/></div></div> <div class='btn'><div class='bcontent'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div></div><div class='btn facebook'><div class='bcontent'><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><div style="display:none;"><a href='http://www.bloggerwidgets.cz.cc/'>Blogger Widgets</a></div> </div></b:if>

Sebelum anda melakukan Save Tamplate sebaik nya anda lakukan pratinjau, karena jika terjadi kesalahan atau kekeliruan saat copy paste kode yang di atas tadi, kita bisa segera melakukan perbaikan. Jika semua kode sudah kita copy paste kan dengan benar, maka pratinjau template blog anda akan muncul. Maka anda aman untuk Simpan Tamplate anda.


Kalau anda ragu-ragu, anda dapat langsung mengunjungi sumber dari artikel ini. Silahkan berkunjung ke sini