Cara Membuat Widget Sharing Melayang Keren

Membuat Widget Sharing Melayang - Cara Membuat Widget Sharing Melayang Keren . Sepertinya judulnya kurang cocok ya.... :D hahaha...jujur, memang Mas Yusa kali ini bingung mau memberi judul apa pada post yang Mas Yusa yang diterbitkan diakhir pekan ini. Dan akhirnya para pekerja di otak Mas Yusa sepakat memberi judul Cara Membuat Widget Sharing Melayang Keren . Hahahahaha. Sharing post blog ke sosial media seperti Facebook, Twitter, Google+ memang sudah tidak asing lagi bagi para blogger.

Widget Sharing yang Mas Yusa share ini tidak lagi di bawah post .Melainkan di bokong (Eits...) alias di bawah pojok. Di dalam widget ini sudah tersedia beberapa social media diantaranya : Facebook, Twitter, Google+, Pinterest, Tumblr. Nah untuk screenshootnya ini dia :

Atau kalo masih kurang jelas, lihat DEMO

Nah bergini caranya :


1.Masuk akun blogger kamu.
2.Masuk Rancangan->Edit HTML->Expand Template Widget
3.Cari kode </body> (Ctrl+F)
4.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 dan lihat hasilnya..