Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Scroll Pada Widget Blog. Tutorial 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 Blog, Populer Post, Recent 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 » Widget Yang Dipilih / Tambahkan Gadget » HTML/JavaScript.
3. Masukan Kode dibawah ini :
<div style='overflow: auto; width: auto; height: 200 px;'>
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.
Sebagai Contoh saja agar tidak bingung :
<div style='overflow: auto; width: auto; height: 200 px;'><script type="text/javascript"></div>
var randarray = new Array();var l=0;var flag;
var numofpost=15;function randomposts(json);
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomvipergoy" type="text/javascript"></script>
Tampilan Widget Yang Diberi Scroll Bar :
Sangat mudah sekalikan ? 5 Cara Membuat Scroll Bar Pada Widget Arsip / Archive Populer Post Di Blog. Semoga anda dapat terbantu oleh saya dan bisa mendapatkan jalan keluarnya. Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Membuat Widget Dengan Scroll. Jangan lupa untuk membaca artikel Cara Mengganti Background Blog. Nantikan artikel tentang Cara Membuat Scroll Bar Di Blog. Terima kasih dan sampai jumpa.
Ditunggu Komentarnya
Comments
Post a Comment