Thursday, December 28, 2017

Cara Membuat Scroll Pada Widget Blog

Cara Membuat Scroll Pada Widget Blog





Kembali lagi di Blogs Fikri. Pada kali ini saya akan membahas tentang Cara Membuat Scroll Pada Widget BlogTutorial Blogger cukup bagus juga, karena Cara Menambahkan Scroll Bar Pada Widget Blog ini sangat bagus untuk mempercantik Tampilan yang semula berantakan atau panjang kebawah yang pengunjung harus menscroll jauh - jauh untuk mendapatkan informasi yang ia inginkan. Itu salah satu kegunaannya. Selain itu, Apakah Cara Memasang Scroll Pada Widget ini sangat membutuhkan Loading yang Lama ? Jawabannya Tidak! Karena Kode HTML ini sangat sekali sedikit.

Teknik ini sangat berguna sekali, ini terbukti untuk Arsip BlogPopuler PostRecent Comment, dan lain - lain. Silahkan simak berikut ini. Cekidot....

Cara Membuat Scroll Bar Di Widget Blog :

1. Buka Blogger Home kalian.
2. Kemudian pilih Menu Dropdown � Layout atau Tata Letak � Widget Yang Dipilih / Tambahkan Gadget �HTML/JavaScript.
3. Masukan Kode dibawah ini :


<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
masukan Kode HTML/JavaScript anda
</div>

Keterangan :
Overflow-Auto: Jika isi widget lebih dari tinggi (height) akan terjadi Scroll.
Width: Mengatur Lebar Widget tersebut.
Height: Mengatur Tinggi Widget tersebut.

4. Save / Simpan.
5. Selesai.


Tampilan Widget Yang Diberi Scroll Bar :


go to link download
download
alternative link download

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.