akbarCara Membuat Label Dengan Fungsi Scroll

Tutorial memasang label dengan fungsi scroll ini sengaja saya tulis semata-mata untuk membantu blogger yang mempunyai banyak label / kategori dalam blognya. Jika di pasang semua tentunya akan makan tempat, dan mungkin bisa membuat blog jadi timpang alias panjang sebelah antara postingandengan sidebar.

Menu scroll tentunya sudah banyak yang tau, menu ini dapat ditarik ke bawah dan ke atas. Cara membuatnya sangat mudah, hanya dengan menyisipkan sedikit kode HTMLmaka jadilah label dengan fungsi scroll.

Untuk membuatnya, silahkan ikuti dengan cermat langkah-langkahnya berikut ini :

1. Login ke blogger dengan ID sobat tentunya.
   
   
2. Buatlah Label dengan menambah Gadget pada sidebar, jangan lupa beri judul.
   
   
3. Anggap saja sobat telah membuat judul labelnya dengan nama “Kategori”.
   
   
4. Sekarang tuju ke Edit HTML.
   
   
5. Klik Expand Template Widgets.
   
   
6. Cari label yang sudah sobat buat tadi, dengan CTRL+F dan ketikkan “Kategori”, maka akan muncul kode HTML yang ribet, tapi jangan pusing melihat kode HTML tersebut.
   
   
7. Perhatikan saja tulisan yang berwarna hijau dibawah ini, kode itulah yang harus disisipkan kedalam label yang sudah sobat buat.

<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:250px;'>

  <div id='ArchiveList'>

  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

    <b:if cond='data:style == &quot;HIERARCHY&quot;'>

     <b:include data='data' name='interval'/>

    </b:if>

    <b:if cond='data:style == &quot;FLAT&quot;'>

      <b:include data='data' name='flat'/>

    </b:if>

    <b:if cond='data:style == &quot;MENU&quot;'>

      <b:include data='data' name='menu'/>

    </b:if>

  </div>

  </div>

</div>

  <b:include name='quickedit'/>

  </div>

kemudian simpan

ini digunakan untuk membuat scroll sesuai widget yang ingin diubah jadi tinggal disesuaikan widgetx