Kalau bukan karena sebuah pertanyaan pada komentar "Membuat Scroll Pada Bloglist" mungkin saya tidak akan menulis masalah ini karena pada dasarnya cara membuatnya hampir sama. Bahkan jika dibandingkan dengan "membuat scroll pada linklist", caranya sangat mirip sekali. Namun demi sobat (dan karena kemalasan saya mencari topik baru) maka saya tulis juga tutorial ini, hehehe...
Bagi kamu yang menggunakan Label (Kategori) dari gadget blogger dengan cara diurut (bukan dengan cara Tag Cloud) pasti akan mengalami masalah "kepanjangan" jika label posting-annya terlalu banyak. Dan tentu saja untuk mengatasinya perlu dibuatkan scroll agar tidak terlalu memanjang ke bawah.
Cara membuat scroll pada Label ini tidak jauh berbeda dengan ketika membuat scroll pada Linklist (Daftar Link), sebagai berikut:
Ok, segitu aja sob. Selamat mencoba....
Bagi kamu yang menggunakan Label (Kategori) dari gadget blogger dengan cara diurut (bukan dengan cara Tag Cloud) pasti akan mengalami masalah "kepanjangan" jika label posting-annya terlalu banyak. Dan tentu saja untuk mengatasinya perlu dibuatkan scroll agar tidak terlalu memanjang ke bawah.
Cara membuat scroll pada Label ini tidak jauh berbeda dengan ketika membuat scroll pada Linklist (Daftar Link), sebagai berikut:
- Dari halaman dasbor, klik Tata Letak - Edit HTML.
- Beri tanda centrang pada Expand Template Widget.
- Kemudian cari kode type='Label' (gunakan Control F atau F3).
- Perhatikan kode yang ada di bawahnya, seperti ini:
<b:includable id='main'> <b:if cond='data:title'> <h2><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'> <b:if cond='data:title'> <h2><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.....
Ok, segitu aja sob. Selamat mencoba....
23 komentarPosting Komentar
Utk membuat scroll semuanya harus lewat Edit HTML langsung ya...?
Kemarin sudah saya coba di blog saya, dengan tutorial ini! Terima kasih.
Blog List kalau tidak diatur seperti ini bakal berubah-rubah tingginya dan mempuat posisi turun naik dan secara keseluruhan membuat tampilan kadang jelek kadang pas, dengan cara dapat diperoleh ini ukuran yang diinginkan, anda jeli dan kreatif! Trims!
Ide yang kreatif!
Untuk scroll pada link list sudah aku coba, termasuk scoll pada bloglist. Mantap Sob ilmunya.
@Rep Semua:
Thank alot atas komentarnya sob...
@Rep Reni:
Tidak semua mbak... Ke Edit HTML tuh kalo menggunakan gadget dari blogger, kalo bikin sendiri melalui gadget HTML/JavaScript tidak harus kesana, cukup di melalui halaman "Elemen Halaman"
@Rep Nuancespen:
Benar sobat, makanya dengan scroll ini akan mengatasi hal-hal seperti itu
wah kang...sigana gampang ieu mah nya? nuhun kang.
makasih neh cara membuat fungsi scroll pada labelnya...
Saya akan coba mas!
Thanks
alkautsar-herbal.blogspot.com
ta daur ulang bang :))
oy setan gug bisa tai.....!!!!
oke makasih infonya
bro tukar link ya? link blog sudah terpasang di blog saya di tunggu link baliknya
mantap
wah thx mas, template blog ane agak aneh deh tp akhirnya berhasil :D
trims masbro... sukses untuk template blog saya. salam kenal dari bloger pemula :)
tengkyu gan
nice sob..
wah makasih nih gan.. dicoba dulu kali aja berhasil.. :)
mantep om, makasih atas infonya...
Sangat bermanfaat sekali gan.. Ijin share ya..
Visit back gan
http://amronbadriza.blogspot.com/
saya kok kode yang" <div class='widget-content' "
gak ada ? kenapa ya
Mas, di edit html saya juga kok gak ada <div class='widget-content' " ya?
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.