Memasang Tombol Animasi Sosial Bookmark

Banyak blogger yang suka memasang tombol sosial bookmark. Ya, karena widget ini berupa animasi dengan bentuk setengah lingkaran. Tombol ini akan memunculkan shorcut ke beberapa sosial bookmark yang lagi trend saat ini semacam : Pinterest, Google+, Facebook, Twitter, Tumblr dan juga Email. 

Jika anda ingin mengetahui "penampakan" hasilnya, silakan klik tombol "view demo" di bawah ini atau bisa liat diblog saya :

Cara menambahkan Tombol Animasi Sosial Bookmark ke Template Blogger

Langkah 1. Login ke akun blogger anda >> template >> EDIT HTML (centang expand widget template).

Jangan lupa untuk selalu melakukan backup Template anda lebih dulu sebelum melakukan perubahan apapun pada script html template. 

langkah 2. Cari kode berikut ini : (Gunakan tombol Ctrl+F untuk membantu pencarian)

</body>

Langkah 3. Copy dan Paste kode berikut ini tepat di atas / sebelum kode </body>

<div class='shr_ss shr_publisher'>

</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;
sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;
var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s);
})();
</script><small><a href='http://pasartokoonline.blogspot.com/2012/06/pasang-tombol-animasi-sosial-bookmark.html'>Animated Social Gadget</a> - <a href='http://pasartokoonline.blogspot.com/'>Blogger And Wordpress Tips</a></small>

<!-- End Shareaholic Sassy Bookmarks script -->

Step 4. Preview hasilnya dulu, jika tidak ada masalah, Simpan /Save Template.

Jika langkah -langkah tersebut dilakukan dengan benar, dan tidak ada crash dengan script lain pada template bawaan anda, seharusnya tombol animasi sosial bookmark sudah bisa muncul pada blog anda.

Selamat mencoba