Cara Membuat Widget Sharing Melayang Keren

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 :

• 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....... :)

Sekarang lihat blog mu... Taram.....munculah widgetnya.... :) Selamat mencoba dan semoga sukses.
Kode Source : Helperblogger

Tweet

Baca Peraturan Copy Paste !

Anda sedang membaca artikel tentang Cara Membuat Widget Sharing Melayang Keren dan anda bisa menemukan artikel Cara Membuat Widget Sharing Melayang Keren ini dengan url http://masyusa.blogspot.com/2012/07/cara-membuat-widget-sharing-melayang.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Widget Sharing Melayang Keren ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara Membuat Widget Sharing Melayang Keren sebagai sumbernya. Jika tidak saya akan laporkan Google ! Yusa Syihab Akbar

About Me-->