Cara Membuat Scorol Pada Label Di blogspot

Cara Membuat Label / Categories Memakai Scroll eh tidak tahunya malah nyasar dan temuin tutorial baru yang mirip-miriplah sama tutorial yang saat itu ane cari, Cara Membuat Fungis Scroll pada Label/Kategori di blog sob, lumayan buat ngirit template kita

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

• Login ke id Blogger
• Saat di Dasbor, klik tab Template lalu Edit Template HTML --> Centang pada Expand Widget Templates
• cari kode <b:widget id='Label1' locked='false' title='Labels' kalau sudah ketemu coba scroll kebawah sedikit sampai temuin kode <div class='widget-content'>, nah sekarang letakkan kode berikut tepat dibawah kode <div class='widget-content'> tadi :

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

• Scroll lagi kebawah samape temuin kode <b:include name='quickedit'/>, kalau sudah dapat copy lalu pastekan kode </div> tepat dibawahnya. (Nantinya akan ada 2 kode </div> dengan yang baru ditambahin)

Untuk lebih jelasnya bisa lihat contoh berikut :

<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:300px;'> 
    <ol>
    <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://zona-cyber-man.blogspot.com/feeds/posts/default/-/&quot; + data:label.name' style='margin-left:10px;' title='Subscribe'/></span>
      </li>
    </b:loop>
    </ol>
    <b:include name='quickedit'/>
  </div></div>
</b:includable>
</b:widget>

keterangan :
hegiht:300px adalah tinggi scroll pada label, silahkan sobat sesuaikan dengan keinginan sobat
yang warna biru <ol> dan </ol> adalah hasil perubahan dari <ul> dan </ul>. Untuk yang ini tidak terlalu berpengaruh sob, biar tidak diganti juga tidak kenapa2...


Read more: http://zona-cyber-man.blogspot.com/2013/04/cara-membuat-label-categories-memakai.html#ixzz2gObTDHDY