Chord yang Digunakan0
Geser diagram untuk lihat posisi lain
Oky kalok baik yahhh alhamdulillah, kalok buru yang sabar yaa...
Heeeeeee. kali ini saya mau berbagi lagi nh, tentang cara membuat sticky widget dengan tepat sebenarnya artikel kali ini sudah marak di bicarakan di dunia blogging,, namun sayang kebanyakan Sticky ini tidak memenuhi hasil yang seperti diinginkan oleh user,.
Pada kesempatan kali ini ADMIN: BulshitMan mempunyai tujuan tertentu dalam membagikan artikel tips trick blogging ini, ADMIN ingin memberikan hasil yang lebihOptimal di blog anda dalam memodifikasi template blog......
Untuk penerapannya silahkan anda simak langkah-langkahnya di bawah ini
Masuk ke DASBOAR blog anda
Klik menu TEMPLATE
Pilih HTML
![]() |
| cara membuat sticky widget dengan tepat |
<div id=”sticky“>
Disini kode widget yang ingin dibuat sticky..
</div>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js”></script>– Kode warna hijau adalah untuk memanggil library jquery. Kebanyakan template blog sudah memilikinya, jadi sebaiknya jangan di sertakan. Kecuali jika template anda belum menambahkan kode tersebut/ sticky widget tidak work
<script type=”text/javascript” src=”https://googledrive.com/host/0B5oDbHPeegKrcm9HZnRIaHZDQjA”></script>
<script type=”text/javascript”>
if (screen.width >= 768) {
(function($) {
$.lockfixed(“#sticky“,{offset: {top: 20, bottom: 500}});
})(jQuery);
}
</script>
– sticky harus sama dengan nama id pada html
– Kode berwarna biru adalah agar widget hanya sticky pada ukuran layar dengan lebar 768 piksel (layar tablet) atau lebih. Bisa anda sesuaikan sendiri atau hilangkan jika widget tetap ingin sticky pada HP.
– 20 Adalah jarak widget dalam ukuran piksel dengan batas toolbar browser atas
– 500 adalah jarak widget dalam ukuran piksel dengan bagian website paling bawah.
Nah g mana sudahkah anda terapkan di blog anda??? Halinya???
Ohhh yaaa.. Untuk tampilan Sticky ini sudah saya terapkan di Blog ini!!!
SEMOGA SUKSES
