Info Mayata

Menyajikan segala informasi yang dijumpainya di dunia maya dengan ringkas

Membuat Widget Tampil Dengan Scroll di Blog

Seperti pada salah satu widget yang ada pada blog saya ini, fungsi scroll yang sederhana namun banyak sekali manfaatnya. Salah satunya adalah untuk menampilkan widget agar tampak lebih ringkas mungkin karena terbatasnya tempat. Kotak scroll widget ini walau sangat sederhana ini cukup ampuh untuk menjadikan blog anda tertata rapi karena banyak widget yang ingin kita pasang di blog tetapi ukurannya tidak sesuai dengan ukuran sidebar atau kolom template kita, nah supaya widget widget tersebut bisa di sesuaikan dgn halaman blog maka kita perlu kolom scroll widget ini.
 

Caranya gampang cuma menambahkan kode html seperti dibawah ini sebelum dan sesudah kode widget/html.
Contoh:
 
<div style="border: 0px solid #F5003D; overflow: auto; width: 270px; height: 200px; text-align: left;">

-> letakkan kode widget/html anda disini <-

</div>


+ Angka 270 adalah lebar kolom widget scroll, bisa anda ganti dengan ukuran yang sesuai dengan kolom template anda.
+ Angka 200 adalah tinggi kolom widget scroll, bisa anda ganti juga.
+ Kode #F5003D adalah kode warna border kotak scroll widget, bisa anda ganti dengan kode warna yang sesuai dengan selera Anda




0 komentar:

Post a Comment

1. Berkomentarlah menggunakan kalimat yang baik dan sopan, serta sesuai topik Artikel di atas. Komentar yang tidak sesuai topik akan dihapus.

2. Tidak diperbolehkan menggunakan link hidup atau live link, link akan otomatis terhapus guna mencegah spam.

3. Sebelum bertanya, pastikan sobat sudah membaca seluruh isi Artikel.

4. Jika bertanya sesuatu, jangan lupa untuk memberi tanda centang pada Beri tahu saya atau Notify me agar sobat menerima pemberitahuan balasan melalui email.

5. Follow blog M-TAJUDDIN-NS untuk mendapatkan update Artikel terbaru dan jangan lupa tekan tombol share jika sobat merasa Artikel di atas bermanfaat.

Membuat Widget Tampil Dengan Scroll di Blog