Memberi Scollbar di Widget Label Posting

Di posting sebelumnya saya sudah nulis gimana caranya memberi scrollbar di widget Blog Archieve dan gimana caranya membuat scrollbar di widget my blog list.

Kali ini saya akan kasi tau sobat gimana caranya memberi scrollbar di widget label posting, gambar skrinsutnya persis kaya di samping ini, atau kamu bisa liat di tabber label blog ini di sebelah kanan.

Fungsinya untuk menghemat tempat di blog kita, kalau misalnya label blog terlalu banyak dan memanjang ke bawah misalnya, kamu bisa memberi scrollbar sehingga bisa menghemat tempat di blog kamu dan sekaligus mempercantik tempilan blog kamu.

Syarat syarat yang harus di penuhi untuk membuatnya pastinya kamu harus punya akun google atau blogger. Saya asumsikan kamu udah bikin keduanya, langsung saja kita mulai, ikuti langkah berikut.

Masuk ke :

Blogger

Design

Edit HTML >> jangan lupa beri tanda centang di kotak expand widget template.

kemudian kamu cari susunan kode seperti berikut

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

atau kamu ketik saja di kotak search  widget id='Label

Scroll ke bawah dan kamu akan lihat susunnya biasanya seperti di bawah ini, cari yang setidaknya paling mirip  !!

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>

Sekarang perhatikan kode yang berwarna merah, tambahkan perintah style='overflow:auto; height:200px' di dalamnya sehingga menjadi seperti di bawah ini

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;' style='overflow:auto; height:200px'>

Nilai tinggi scroll (height:200px) bisa kamu ganti sesuka kamu.

Selanjutnya simppan template kamu dan lihat widget label di blog kamu.