Cara Membuat Sosial Bookmark Shareholic Sassy

Diposting oleh Keiruchan Agatha on Kamis, 08 November 2012


Markup Validation Service

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 ⳾ TemplateEDIT 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://republicofnote.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://republicofnote.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 sassy di blog
Selamat mencoba..

Share Please :

Posted by : Keiruchan Agatha ~ / Portal Media Informasi Pilihan

Markup Validation Service
Anda telah membaca artikel Cara Membuat Sosial Bookmark Shareholic Sassy Ditulis oleh Keiruchan Agatha pada Kamis, 08 November 2012. Kritik dan saran dapat disampaikan via kotak komentar. Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link yang ada di bawah sebagai sumbernya. Atas perhatiannya saya ucapkan terimakasih. Salam blogger and Happy blogging.

Baca Yang Ini Juga Boz :

{ 5 komentar... read them below or add one }

mediashared.info mengatakan...

wawww..
Mantap gan izin coba ya ..

Restu Nugroho mengatakan...

mantep tipsnya nih,,,
kunjungi eah www.rieztoshare.com

Keiruchan Agatha mengatakan...

thnx...
silahkan coba bro... :-bd

naufal syarifuddin mengatakan...

wih keren sob kunjungan baliknya www.naufalthedarkness.blogspot.com

Keiruchan Agatha mengatakan...

@naufal : ok bro siap...

Posting Komentar

Silahkan tinggalkan komentar anda dengan tidak meninggalkan link. Jika ada kesalahan dalam artikel ini dan jika ada saran dan kritik silahkan tulis komentar anda dibawah dengan baik dan sopan... ;)
Dan jika kedapatan link yang mati dalam penempatan software atau game harap beritahukan agar segera diperbaiki...

 
Markup Validation Service Markup Validation Service Markup Validation Service Markup Validation Service Markup Validation Service