Banyak sobat yang menggunakan gadget Bloglist (Daftar Blog) dari fasilitas blogger/blogspot pada sidebar blognya. Memang ada keuntungan disana. Dengan memamfaatkan gadget Bloglist ini kita bisa melihat setiap artikel-artikel terbaru dari blog-blog yang terdapat di dalamnya, sehingga kita dapat dengan mudah mengetahui setiap perkembangan dan topik bahasan artikel dari blog-blog tersebut.
Sayangnya, jika isi Bloglist ini terlalu banyak maka akan terlihat memanjang sehingga memenuhi halaman blog, dan kadang melebihi panjang halaman artikel yang dimuat. Bahkan sekalipun kita memilih opsi terpendek (5 blog yang ditampilkan), tetap saja apabila kita klik "selengkapnya" (Show all) pada Bloglist tersebut maka akan memanjang memenuhi halaman blog. Tentu saja hal ini terlihat kurang rapih dan menarik.
Untuk mengatasi hal itu kamu bisa menambahkan perintah scroll. Sepintas memang kelihatan sulit untuk menambahkannya karena gadget-nya bukan berupa HTML/JavaSript. Tapi sebenarnya cukup mudah dan simpel, kamu hanya cukup menambahkan perintah overflow dan mengatur ukuran tinggi (height)-nya, seperti terlihat pada blog Sastra Culun.
Untuk mengetahui lebih jelas cara membuatnya kamu dapat mengikuti langkah-langkah berikut:
Nah, segitu aja sob, semoga bermanfaat dan bisa dimengerti.
Selamat mencoba....
Sayangnya, jika isi Bloglist ini terlalu banyak maka akan terlihat memanjang sehingga memenuhi halaman blog, dan kadang melebihi panjang halaman artikel yang dimuat. Bahkan sekalipun kita memilih opsi terpendek (5 blog yang ditampilkan), tetap saja apabila kita klik "selengkapnya" (Show all) pada Bloglist tersebut maka akan memanjang memenuhi halaman blog. Tentu saja hal ini terlihat kurang rapih dan menarik.
Untuk mengatasi hal itu kamu bisa menambahkan perintah scroll. Sepintas memang kelihatan sulit untuk menambahkannya karena gadget-nya bukan berupa HTML/JavaSript. Tapi sebenarnya cukup mudah dan simpel, kamu hanya cukup menambahkan perintah overflow dan mengatur ukuran tinggi (height)-nya, seperti terlihat pada blog Sastra Culun.
Untuk mengetahui lebih jelas cara membuatnya kamu dapat mengikuti langkah-langkah berikut:
- Dari halaman dasbor, klik Tata Letak - Edit HTML.
- Beri tanda centrang pada Expand Template Widget.
- Kemudian cari kode type='BlogList' (gunakan Control F atau F3).
- Perhatikan kode yang ada di bawahnya, seperti ini:
<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'> - Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga menjadi seperti ini:
<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:200px'> - Atur ukuran tinggi (height)-nya sesuai kebutuhan.
- Simpan hasil editing ini dan ucapkan Alhamdulillah.....
Catatan:Jika muncul bullets selain logo blogger pada Bloglist tersebut, itu karena CSS untuk widget pada blog kamu diatur seperti itu. Untuk menghilangkannya, cukup kamu hapus kode class='widget-content' pada script di atas.
Nah, segitu aja sob, semoga bermanfaat dan bisa dimengerti.
Selamat mencoba....
33 komentarPosting Komentar
assalamu'alaikum ...
rebun-rebun sindang ka SC, Kang hehe... margi ningal judul postingan ieu. Asyiiiik
Kumargi ayeuna bade aya kegiatan di LEC, amit heula we. Ngke sindang deui
Wassalam
Assalmu'alaikum..kang... tos lami teu mampir pas mampir aya postingan bagus...makin semangat ni..
alah hatur nuhun kang ieu nu diperyogikeun teh... kang tos dicobi tapi teu aya <div class widget content kumaha tah??
Trims mas,.
Kalau membuat scroll buat LABEL tipsnya ada dimana.
Salam
;)
waw...kren banget blognya kang,
salam kenal ya kang..
Terima kasih infonya..
Setiap mampir disini selalu saja dapat ilmu baru.
-_-_-_-_-_-_-Cosmorary-_-_-_-_-_-_-
*******Salam ‘Blog’!!*******
Assalamualaikum warohmatullahi wabarokatuh
Nice ibnfo...
Buat wordpress kagak bisa listblog ya...
Hemh jadi ga bisa praktekin scroll ini deh...
Main yuk ke site di cosmorary.com
-_-_-_-_-_-_-Cosmorary-_-_-_-_-_-_-
mantap banget tutorialnya kang..
makasih banyak.
kalau ada kesempatan sudilah kiranya mampir di blog baru saya METROLISA
Trims, akan aku coba!
coba kang bahas seputar utak atik blog maksad teh kode kode html na......misalna utak atik seputar header....tah ieu kodena, side bar 1....tah ieu kodena dst......ambeh nambah elmuna kang.....semacam tutorial lah.....
sakadar usul ieu mah kang...nuhun ah.
@Rep Semua:
Makasih sob atas komentarnya...
@Rep Ritma:
Ah piraku teu ayaan. Cobi cek deui geulis, pasti aya...
@Rep Setiawan:
Insya Allah nanti saya mampir ke sana bang...
@Rep Rahmatea:
Wah rada repot kang, margi kode CSS template sok beda-beda dina ngagunakeun istilahna...
salam sobat
trims tips dan ilmunya bang Enes,,
saya bisa mencoba nich,membuat scrool untuk daftar blog nanti.
sobat...banner/link ku mana...? terima kasih atas sharing nya ya sob...
Selalu ada info bermanfaat di sini... hatur nuhun pisan...
Mdh2an Istri tercinta cepat sembuh ya Kang...
nemu juga code blogscroll buat link. thanks yaaaa
assalamu 'alaikum, artikel2 yg ditampilkan sangat bermanfaat, dicoba langsung di ahmaddaud.com
sudah ada d blog saya daftar banner-banner dari blog lain termasuk juga banner blg SC ini..
kunjungi blog saya dan tukaran banner y mas.
terima kasih..
Mantap kang... dah berhasil nich... Thx ya...
Nah, klo comment ingin kaya di blog ini, gimana Kang? balas ke blog saya ya... Thx bin hatur nuhun...
Kang, saya coba tips ini di blog persib saya, http://www.mypersib.co.cc, qo gak bisa, ya? padahal di blog andriwiyasa.com mah sukses...
Di tamplet persib, munculnya gak sesuai tutorial... Kumaha tah?
mantap eh
syukran, Visit please..
http://apistail.blogspot.com/
Thank you gan.. scrollnya sukses.. walking deh to www.kriznapraztya.co.cc
mantap
izin share y kang
Cihui........, berhasil juga setelah berhari-hari ngalamin error html gara2 nyobain thread ini. Thanks banget bro. salam kenal, banner dah nempel bro...
maskai atas komentarnya sop, eksis terus didunia maya
wah... infonya keren..... bermanfaat banget...
nice info dah pokonya..
http://pojokan-artikel.blogspot.com/
udh xu pasang link u bro,,,
gntian y,,,
http://definisi-ade.blogspot.com
Salam kenal semua.
Saya dari nyari trik bikin scol widget bloglist, mencoba trik ini dan trik itu, semuanya gagal berjalan di blogku. saya sangat senang bisa menemukan trik yang betul-betul pas disini. Thank's so much for admin..!!
thanks a lot for infonya kang ,, :)
dri tdi sulit bngt Ngutak-ngatik'a ... skalinya pas ada trik ini bru berhasil .... terima kasih kawan ...
Bang anee baru neh ngeblog, masih awam,.
mau nanya, kok type='BlogList'nya itu tidak ada yah??
solusinya gimana tuh bang??
makasi kak
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.