Tuesday, May 29, 2012

Membuat Widget Sassy Social Bookmark di Blogger

4:59 PM Hzndi 6 comments

Animated Sassy Bookmarks Widget For Blogger Blogs

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:

Blogger
Social Sharing
Social Bookmarking

Posted in: ,,,

6 comments:

  1. AnonymousMay 29, 2012 at 5:17 PM

    keren sob..ane coba ya?

    ReplyDelete
  2. HzndiMay 29, 2012 at 6:24 PM

    memang keren banget sob, ane juga mau nypba nih :D

    ReplyDelete
  3. AflahMay 31, 2012 at 9:29 PM

    kunjungan di blog agen.
    nice shear nya gan.

    ReplyDelete
  4. Edot HerjunotJune 2, 2012 at 4:21 PM

    keren bang ...
    tar gue coba , , , heehe

    eh bang cara buat related post kaya punya abang gimana ? bagi tutorialnya donk :D

    ReplyDelete
    Replies
    1. HzndiJune 2, 2012 at 5:44 PM

      siplah silakan di coba :), bisa di lihat disini gan http://hzndi.blogspot.com/2012/02/membuat-scroll-related-post.html

      Delete

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More