Animated Sassy Bookmarking Gadget Untuk Blogspot

Sudah lama sekali Wahyudi blog tidak menulis artikel tentang tips dan trik untuk blogger, tadi waktu blogwalking, aku nemu artikel yang sharing tentang "Animated Sassy Social Bookmark Gadget" untuk blogger disini. Nah, sekarang saya ingin "re-share", halah... Maksudnya membagikan tutorial tersebut di blog ini, siapa tau ada yang berminat untuk mencoba gadget cantik ini... ^^

Wahyudi Blog

Jadi, dengan gadget ini, para pengunjung blog bisa membagikan artikel kita ke situs social bookmark seperti Pinterest, Google +, Twitter, Facebook, Tumblr, dan melalui email.

Kalau ingin melihat demonya, kalian bisa melihatnya disini :

DEMO

Ok, sekarang kita akan memulai tutorial untuk memasang "Animated Sassy Bookmarking Gadget" ke dalam blog blogspot.

Langkah 1 :

Di dalam dashboard blogger, pilih menu " Template " lalu klik tombol   Selanjutnya jangan lupa centang pilihan " Expand Widget Templates ".

Wahyudi Blog

Langkah 2 :

Cari tag berikut; untuk lebih mudah menemukannya gunakan fungsi search dengan memencet tombol Ctrl + F.

</body>

Langkah 3 :

Selanjutnya copy - paste kode HTML berikut di atas tag tadi.

<!-- Start Shareaholic Sassy Bookmarks HTML - http://www.spiceupyourblog.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.spiceupyourblog.com -->

Langkah 4 :

Simpan template dan silahkan cek hasilnya... ^^

 *.:｡✿ Don't forget to come back again ✿.｡.:*

Visit Wahyudi Blog !