Widget Share W8 SM

Kali ini saya membuat widget yang bernama Widget Share W8 SM. Didalamnya terdapat 3 fitur yaitu: Share, Subscribe, dan Back to top. Saya desain dengan posisi melayang di bagian kiri blog. Untuk memasang widget ini perhatikan tutorial berikut:

• Masuk ke Blog sobat, dan pilih Tab Template lalu klik Edit HTML.
• Tekan F3 untuk mencari kata kunci
• Pasang CSS dibawah tepat berada di atas ]]></b:skin>

• Lalu klik Simpan

• Sekarang kamu klik Tab Tata Letak, dan Tambahkan Gadget HTML/Javascript baru.
• Pastekan Source kode Widget ini di situ.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>


<script>
$(document).ready(function(){// fade in .btt
$(function () {$(window).scroll(function (){});// scroll body to 0px on click 
$('.btt a').click(function () {$('body,html').animate({scrollTop: 0}, 350);return false;});});});
</script>   
<script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js, fjs)}(document, 'script', 'facebook-jssdk'));</script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>


<div id="widget-share">
<script>urlbelakang_feedburner='blog-santamars';</script>
<script src="http://not-remove-admin.googlecode.com/files/Share-W8-SM.js"></script>
</div>

• Setelah itu Simpan, dan lihat hasilnya.

Itulah Widget Share W8 SM yang saya buat untuk sobat, semoga bermanfaat.

Note!

1. Anda bisa mengatur letak posisinya di CSS tadi.