Membuat Sosial Bookmark Shareholic Di Blog

Sosial Bookmark..?

Blog mana sih sekarang yang g pake fitur tersebut, hal ini juga diwajibkan guna mendapatkan visitor atau pengunjung agar tertarik ke blog kita. Ini dia sosial bookmark yang keren nan canggih, karena berada di sisi pojok kiri blog, sangat menarik sekali, saya terinspirasi ingin tahu karena saya juga pernah melihat dari beberapa blog unggulan saya yang saya bookmar, maka dari itu saya ingin mencari tahu kode dan cara pemasangannya, dan akhirnya dapet juga, maka dari itu saya akan share kepada kalian semua bagaimana cara menerapkannya... 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. 

Cara Menambahkan Tombol Animasi Sosial Bookmark ke Template Blogger

Langkahnya :

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. 

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

    </body>

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

<!-- Start Shareaholic Sassy Bookmarks HTML - http://abrian-pamungkaz.blogspot.com -->
<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://republicofnote.blogspot.com/'>Animated Social Widget</a> - <a href='http://republicofnote.blogspot.com/'>Blogger And Wordpress Tips</a></small>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - http://abrian-pamungkaz.blogspot.com -->

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

Jika langkah diatas telah kalian lakukan dengan benar maka tidak akan terjadi masalah dan widget sosial bookmark itupun muncul.
Demikian cara membuat sosial bookmark shareholic di blog

Selamat mencoba..