Cara Membuat Label / Categories Memakai Scroll



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...

Sekian, Jangan lupa untuk like artikel ini :)

Post a Comment

4 Comments

  1. ko engk ada ya di tempatku <b:widget id='Label1' locked='false' title='Labels'...."
    tolong ya jawabannya,,,"
    http://3sobatman.blogspot.com/

    ReplyDelete
  2. coba cari expr:class='"widget-content " + data:display + "-label-widget-content"'>

    ReplyDelete
  3. matap gan

    http://ezishare.blogspot.com

    ReplyDelete
Emoji
(y)
:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)