Pengertian simple-nya Sticky Widget itu widget yang menempel. Namun didalam Blogspot Sticky Widget adalah widget pada posisi tertentu yang akan selalu mengikuti tampilan monitor walaupun tampilan halaman terus digulung namun akan berhenti pada posisi awal yang telah ditentukan.(betul gak sih,,, hehehehe)
Bagaimana, sobat tertarik untuk memasang Sticky Widget ini pada Blog sobat? Untuk sobat yang ingin memasangnya, silakan simak langkah-langkah yang akan saya jelaskan .OK, kita mulai.
1. Login blogger >> template >> edit html
copy javascript berikut ini kemudian paste diatas kode </body> pada template sobat
<script type='text/javascript'>
$(document).ready(function(){
$("#on-top").sticky({topSpacing:0});
});
</script>
<script src='https://googledrive.com/host/0B0Dd8XYrtgdDQS03RzFLSmx6RVE/sticky.js' type='text/javascript'></script>
2. Kemudian simpan template.
Cara menggunakan pada widget
Untuk mengaplikasikanya pada widget yang dipilih untuk di buat sticky hanya tinggal menggunakan id dibawah ini tepat sebelum kode widget
<div id="on-top"> code widget yang ingin di beri posisi sticky </div>
Jika kurang mengerti akan coba saya jelaskan lagi. disini saya akan membuat widget facebook likebox menjadi sticky
<div id="on-top"><div class="fb-like-box" data-href="http://www.facebook.com/wahyu.onlyy" data-width="290" data-height="182" data-show-faces="true" data-stream="false" data-show-border="false" data-header="false"></div></div>
Sekian tutorial Cara Membuat Sticky Widget Sidebar di Blogspot, semoga bermanfaat. Jika ada saran dan kritikan atau ada yang kurang dipahami silahkan tinggalkan komentar sobat pada kolom dibawah. Terima Kasih.
View Details
pada kesempatan kali ini insyaAllah saya ingin berbagi cara memodifikasi widget popular posts dengan menambahkan efek hover border dan background color.
