Cara Membuat Fungsi Scroll Pada Labels/Kategori

0 komentar
 
Apa tujuannya?Sama seperti fungsi scroll pada Arsip Blog yaitu,label blog yang kita buat dalam bentuk Hirarkie, dan pengaturan postingannya per posting, pasti akan memuat judul postingan yang banyak, jika kita memang me-mosting banyak. Akibatnya, tampilan blog kita menjadi proporsional. Karena judulnya yg makin kebawah. Jika ini menggangu, jalan yang terbaik adalah dengan memasang fungsi scroll di gadget tersebut.

Berikut langkah-langkah untuk Membuat Fungsi Scroll pada Label/Kategori di blog :

1. Masuk ke Dashboard Blogger

2. Klik Template, Klik Edit HTML, Jangan Lupa Centang Expand Widget

3. Tekan CRTL + F, Lalu cari kata <b:widget id='Label1' locked='false' title='Labels'

4. Jika sudah ketemu 2kode CSS nya seperti ini :
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
Dan
<b:include name='quickedit'/>
5. Nah, tinggal sobat Sisipkan Kode
<div style='overflow:auto; width:ancho; height:250px;'>
Dan
</div>
6. Sehingga bentuk Kode Fungsi Scroll Pada Archive Blog sobat menjadi seperti ini :
<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 class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
    <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>
        <span dir='ltr'>  <a class='labelfeed-link' expr:href='&quot;http://clwolvi.blogspot.com/feeds/posts/default/-/&quot; + data:label.name' style='margin-left:10px;' title='Subscribe'/></span>
      </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div></div>
</b:includable>
</b:widget>
Catatan : Warna Biru adalah Kode yang disisipkan tadi. Angka : height:250px;'> adalah tinggi dari Scroll Label/Kategori Sobat.