Cara Memasang Sticky Widget Sidebar Melayang Saat Discroll
Posted by Unknown on Senin, 23 Desember 2013Mungkin sobat Blogger sudah sering melihat widget sticky ini atau mungkin ada sobat yang belum tahu tentang widget ini ? jika ada akan coba saya jelaskan sedikit. Seperti apa sih Sticky Widget itu ?
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.
Judul : Cara Memasang Sticky Widget Sidebar Melayang Saat Discroll
Label :
Tutorial
URL : http://wahyu-only.blogspot.com/2013/12/cara-memasang-sticky-widget-sidebar.html
bukmak dulu kang, lagi males otak atik html nih :D
BalasHapusoke mbak :b
HapusApa itu Sticky ?
BalasHapuskan sudah saya jelaskan sob diatas =D
Hapusyg nomer 2 nyimpan script nya di edit template kah ?
BalasHapusdi html tata letak mas :)
Hapusmakasih gan, kebetulan lagi nyari hehe
BalasHapussukses selalu
mantap ... tapi kok saya kagak maw yah
BalasHapusKeren
BalasHapusdicoab utak atik html dengan printah wahyu (y)
BalasHapusDemo nya mana neh gan...trims...
BalasHapusoh gitu ya cara nya gan,,, nanti saya coba deh,,, terimakasih gan,,sukses selalu..
BalasHapusblog yang sangat menarik dan bermanfaat gan,,, thanks ya,,
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapuswah, keren tips bloggernya gan, salam kenal. :)
BalasHapuskeren infonya dan juga bermanfaat sekali
BalasHapuskunjungan siang yang menambah wawasan sekali
BalasHapuskeren infonya dan menambah wawasan
BalasHapusmenarik sekali artikelnya
BalasHapuskeren artikelnya
BalasHapuskunjungan siang
BalasHapusmenarik artikelnya dan menmabah wawasan
BalasHapusmenamabah wawasan artikelnya
BalasHapusmakasih telah berbagi info dan wawasannya makasih
BalasHapusgagal gan, widgetnya memang jadi tapi bentuknya jadi melebar
BalasHapusmantap banget artikel nya ^^
BalasHapusNo live link!!! Dilarang nyepam di sini broo !!!
BalasHapusNo live link!!! Dilarang nyepam di sini broo !!!
BalasHapusNo live link!!! Dilarang nyepam di sini broo !!!
BalasHapustrick yang keren nih gan coba pake ah... terkadang sedikit bingung untuk mengisi ruang kosong di sidebar bawah.... dengan ini sepertinya bisa teratasi
BalasHapus