Social Widget With Animasi Untuk Blogspot

Sosial bookmark merupakan hal yang penting setelah SEO. Ini dapat meningkatkan jumlah pembaca pada blog serta pembaca mendapat update terbaru dari blog. Sya akan membagikan salah satu Social Bookmark Widget yang saya dapat  dari “spice up your blog”. Widget ini sangat keren dengan effek animasi yang menarik dengan nama Sassy Social Bookmarking Widget. Widget ini terdapat enam share button standart sepert Facebook, Twitter, Google+, Email, Tumblr serta yang lagi poluler Pinterest. Widget ini akan ditempatkan pada sudut kiri bawah dari blog. Dibawah dapat dilihat demo tampilannya.

View The Demo

Cara menambahkan Sassy Social Bookmarking Widget!

• Pilih Blogger >> Template >> Edit HTML.
• Expand Widgets Template dan cari </body>.
• Tempatkan kode di bawah diatas </body>.

<!-- Start Shareaholic Sassy Bookmarks HTML -->
<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>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML -->