+==xXx(EXPLORATION)Xx==+==x

Home » Tips Blogger » Cara Membuat Scroll Down untuk Label/Categories

Cara Membuat Scroll Down untuk Label/Categories

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. Cari Kode dibawah ini :

    <b:widget id='Label1' locked='false' title='Categories' type='Label'>
    <b:includable id='main'>
     <b:if cond='data:title'>
     <h2><data:title/></h2>
     </b:if>
     <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
     <b:if cond='data:display == "list"'>
     <ul>
     <b:loop values='data:labels' var='label'>
     <li>
     <b:if cond='data:blog.url == data:label.url'>
     <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
     <b:else/>
     <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
     </b:if>
     <b:if cond='data:showFreqNumbers'>
     <span dir='ltr'>(<data:label.count/>)</span>
     </b:if>
     </li>
     </b:loop>
     </ul>
     <b:else/>
     <b:loop values='data:labels' var='label'>
     <span expr:class='"label-size label-size-" + data:label.cssSize'>
     <b:if cond='data:blog.url == data:label.url'>
     <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
     <b:else/>
     <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
     </b:if>
     <b:if cond='data:showFreqNumbers'>
     <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
     </b:if>
     </span>
     </b:loop>
     </b:if>
     <b:include name='quickedit'/>
     </div>
    </b:includable>
    </b:widget>

7. Lalu Ganti dengan Kode Berikut :

    <b:widget id='Label1' locked='false' title='Categories' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:100px;'>
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <data:label.name/>
    <b:else/>
    <a expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    (<data:label.count/>)
    </li>
    </b:loop>
    </ul>
    </div>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>

NB :
► Categories pada title=’Categories’ dapat anda ganti dengan judul sesuka anda.
► Width:ancho, lebar widget akan menyesuaikan dengan lebar sidebar, bisa anda ganti sesuka anda dengan mengisi besarnya pixel (px).
► height:100px, tinggi widget. Jadi jika widget lebih dari 100px, baru scrollbar akan muncul. Besarnya bisa anda ganti sesuai keinginan.

8. Save

Good Luck

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's