Cara Membuat Widget Sharing Melayang Keren Di Blog

Sabtu, 21 Juli 2012

Browse Manual » Wiring » Blog » Cara Membuat Widget Sharing Melayang Keren Di Blog

Cara Membuat Widget Sharing Melayang Keren Di Blog

haay , kali ini reknaon bicara soal blog lagi nih, yaitu tentang 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 sobat saya , om masyusa , thanks ya om,

jika ingin melihat live demonya juga adaa , klik DISINI lihat di pojok kiri bawah,
jika di tampilkan dalam bentuk gambar akan terlihat seperti ini

sebelum di sentuh mouse

sesudah di sentuh mouse

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 Template Kamu....... :)

thanks to http://masyusa.blogspot.com dan Helperblogger