Cara Membuat Widget Sharing Melayang Keren Di Blog

Cara Membuat Widget Sharing Melayang Keren Di Blog

Klik Gambar Untuk Memperbesar

Hello sahabat blogger kali ini saya Ghalih, akan berbagi tips tentang blog lagi nih.. gimana seru seru kan? ayoo percantik blog kalian jangan mauu kalah sama blog saya wkwk :D
Okee sekarang Ghalih pengen berbagi trik bagaimana "Cara Membuat Widget Sharing Melayang Keren Di Blog" Memang sih widget widget semacam ini yng berfungsi sebagai share sudah banyak di internet , namun ini tidak kalah kerennya dan sangat membuat pengunjung terhibur, sebetulnya trik ini saya dapatkan dari Blog orang lain yang akan saya bagikan melalui perantara blog sayaa :)

Jika ingin melihat live demonya juga adaa , klik DISINI lihat di pojok kiri bawah,
 
berikut langkah-langkah Cara Membuat Widget Sharing Melayang Keren Di Blog
    Masuk akun blogger kamu.
    Masuk Rancangan->Edit HTML->Expand Template Widget
    Cari kode </body> (Ctrl+F)
    Lalu Ambil kode dibawah ini dan taruh kode dibawah ini tepat diatas kode </body>

<!-- Start Shareaholic Sassy Bookmarks HTML (helperblogger.com)-->
<div class="shr_ss shr_publisher">

</div>
<!-- End Shareaholic Sassy Bookmarks HTML (helperblogger.com) -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- End Shareaholic Sassy Bookmarks script (helperblogger.com) -->

Lalu simpan di template mu :)
Selesai.. Selamat Mencoba dan Semoga Sukses !! :)