Home
Membuat Scroll pada Widget Blogger
Sebenarnya
saya bingung mau memberi judul apa pada artikel ini, artikel ini juga
hasil rangkuman dari beberapa posting yang saya baca di Blog Kang Enes.
Secara singkatnya saja, saya ingin membuat widget di blog yang
terpasang sidebar mempunyai scroll. Khususnya ini berlaku buat widget
standar yang ada di blogspot seperti bloglist, Linklist dan mungkin
nantinya berguna untuk berbagai macam hal. Sebetulnya membuat scroll
dapat juga dilakukan dengan cara lain (dapat dibaca di sini) Namun tidak ada salahnya saya coba uraikan cara lain yang mungkin berguna:
(lihat gambar disamping, yang diberi tanda panah)
Masing-masing dari bagian itu mempunyai nama Title di template kita,
untuk membuat perintah scroll caranya adalah sebagai berikut :
- Dari halaman dasbor, klik Tata Letak - Edit HTML.
- Beri tanda centrang pada Expand Template Widget.
- Kemudian cari kode "Title" yang ingin di buat scroll, misalnya disini saya ambil contoh widget dengan nama "My Blogroll" (gunakan Control F atau F3).
- Perhatikan kode yang ada di bawahnya, seperti ini:
<b:widget id='BlogList1' locked='false' title='My Blogroll' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
Perhatikan yang ber warna merah.... - Anda Tinggal menambahkan saja code dibawah ini :
style='overflow:auto; height:100px - Sehingga keseluruhannya akan tampak seperti ini :
MANTEP
<b:widget id='BlogList1' locked='false' title='My Blogroll' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'style='overflow:auto; height:100px'> - Selesai, Simpan Template dan LIHAT hasilnya
- Untuk Height dapat di ganti sesuai ukuran tinggi yang diinginkan. 100px, 150px, 250px, dan sebagainya
SELAMAT MENCOBA!
