Bangiz - Ada banyak trik dalam membangun sebuah situs atau blog supaya kelihatan lebih rapi, enak dipandang, profesional, dan orang mau kembali lagi untuk membaca. Beberapa faktor menjadi sangat penting, sehingga pembaca dapat dengan mudah mendapatkan informasi yang dibutuhkan. Mulai dari navigasi situs, kecepatan, tampilan, dan penyampainya konten.
Berikut ini adalah salah satu trik yang bisa Anda gunakan untuk blog
yang Anda miliki yaitu dengan membuat widget melayang dan tetap terlihat ketika
mouse di scroll ke sampai bawah. Widget ini bisa juga disebut dengan widget
sticky. Dengan widget ini, Anda bisa menonjolkan sesuatu dari website atau blog Anda supaya lebih banyak terlihat. Jika Anda tertarik untuk menggunakannya berikut adalah cara
membuatnya:
 |
| Sticky widget |
2. Pilih Template > lau klik Edit HTML.
3. Cari kode </body> (gunakan Ctrl+F untuk memudahkan)
<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>
4. Simpan template
Langkah berikutnya adalah menambahkan kode pada widget yang akan dibuat
melayang.
5. Dari dasbor Blogger pilih Tata Letak > Tambahkan Gadget > Cari
HTML/Javascript
6. Pada kolom konten tambahkan kode berikut:
<div id="on-top"> Kode widget paste disini </div>
7. Simpan widget dan lihat hasilnya.
Demikian tutorial tentang cara membuat widget melayang pada blog. Jangan lupa bantu bagikan melalui sosial media karena siapa tahu ada teman Anda yang membutuhkan tutorial di atas. Ikuti juga +Bangiz untuk mendapatkan info menarik lainnya.
