Tips Membuat Widget Melayang/ Floating - Numpang Upload

Recent Tube

test banner

Post Top Ad

Responsive Ads Here

Tips Membuat Widget Melayang/ Floating

Share This

Refresh sejenak, kali ini Tutorial Blog Pemula akan berbagi tips ringan, Tips Membuat Widget Melayang/ Floating, bahkan ketika kita reload ke halaman lain berkali- kali.  Beberapa blogger suka sekali menggunakan atau membuat widget mereka melayang tentunya dengan tujuan agar terlihat lebih menarik dan keren.

 Ga� pake ribet, ga� pake mikir lama, caranya ternyata cukup simple banget! Berikut ini langkah- langkah untuk membuat widget melayang/ floating di atas/ bawah/ kiri/ kanan :

1.       Login ke Akun Blogger Sobat
2.       Pilih Rancangan --- > Elemen Halaman --- > Tambah Gadget --- > Pilih HTML/ Java Script
3.       Siapkan Kode Javascript Widget yang akan dibuat melayang/ floating, saya sebut disini Kode Widget A ya, setuju??
4.       Masukkan kode ini ke dalam gadget kotak Java Script :
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" >Kode Wideget A</a>

Silakan tulisan yang berwarna merah sesuai dengan selera masing- masing. Jika sobat ingin memasang kode di sebelah kanan berarti right, jika sebelah kiri berarti left. Jika posisi widget ingin sedikit ke atas, maka silakan dirubah ukuran bottom:5px.

Simple kan? Selamat Mencoba ya! ^_^

Tidak ada komentar:

Posting Komentar

Post Bottom Ad

Responsive Ads Here

Pages