• FEATURED POSTS
  • LATEST POSTS
  • SERVICES

Selasa, 09 April 2013

Cara Membuat Scroll Label

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:

  1. Dari halaman dasbor, klik Tata Letak - Edit HTML.
  2. Beri tanda centrang pada Expand Template Widget.
  3. Kemudian cari kode type='Label' (gunakan Control F atau F3).
  4. 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..

0 komentar

Posts a comment

Silahkan tuliskan komentar anda (yang baik ya...:-))

 
© 2011 Urgensi Tarbiyah
Designed by Blog Thiết Kế Share on: Download Blogger Template
Back to top