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-fitracezzi';</script>
<script src="http://windows-8xp.googlecode.com/files/share-w8.javascipt.txt"></script>
</div>
- Setelah itu Simpan, dan lihat hasilnya.
Itulah Widget Share W8 SM yang saya buat untuk sobat, semoga bermanfaat.
Note!
- Anda bisa mengatur letak posisinya di CSS tadi.
0 komentar
Posting Komentar