Membuat Widget Sassy Social Bookmark di Blogger

Setelah beberapa hari vakum akhirnya saya balik lagi. Yap kesibukan di dunia nyata memaksa saya agak kurang mengurusi blog ini, padahal pada awal-awal membangun blog ini saya bagun dengan ssusah payah dam penuh keringat hehehe. Oke sesuai dengan nama dari blog ini, kurang lengkap apabila saya tidak membagikan tutorial tentang widget untuk blogger. Dan masih tentang widget sosial bookmark, widget yang saya ambil dari salah satu master dunia bllog yakni pemilik www.spiceupyourblog.com akan sangat menarik untuk di tempatkan di blog kamu. Langsung saja lihat tutorialnya di bawah ini :

1. Masuk ke Blogger.com

2. Untuk blog dengan tampilan baru, klik template --> Edit Html dan pilih lanjutkan --> Kemudian kamu centang expand template widget. Dan untuk blog dengan tampilan lama cukup klik Rancangan --> Edit HTML --> Centang Expand Template Widget.

3. Cari kode </body> lalu kamu salin kode di bawah ini dan letakkan kode di bawah ini sebelum kode </body>.

<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.hzndi.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://www.spiceupyourblog.com/2012/05/animated-sassy-social-bookmark-gadget.html'>Animated Social Gadget</a> - <a href='http://www.spiceupyourblog.com'>Blogger And Wordpress Tips</a></small>

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

4. Simpan template kamu, oh iya jika penasaran dengan hasilnya, kira-kira tampilannya akan menjadi seperti ini.

Postingan Terkait:

Posted in: Blogger,Social Bookmarking,Social Sharing,Widget