Cara Membuat Scroll Label Blogger

Pada postingan seblemnya ane membuat tentang Cara Membuat Scroll Archive Blog dan sekarang ane mau posting lagi tentang cara membuat scroll label blogger. Dimana yang telah dibahas sebelumnya yaitu fungsi dari scroll yaitu untuk menghemat tempat pada blog agan.

Baiklah ane tidak akan banyak cerita lagi, langsung saja kita liat caranya:

1. Login ke blog
2. Masuk ke Design dan pilih Edit Html
3. Jangan lupa untuk mencentang Expand Widget Templates
4. Cari kode <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
5. Setelah ketemu tambahkan kode <div style='overflow:auto; width:ancho; height:300px;'> tepat dibawah kode <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
6. Terus ke bawah dan temukan kode  <b:include name='quickedit'/> kemudian tambahkan kode </div> dibawah kode <b:include name='quickedit'/>
7. Untuk lebih jelasnya liat scrip dibawah ini

 

<div expr:class='"widget-content " + data:display + "-label-widget-content"'>

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

    <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></div>

Warna merah merupakan kode yang ditambahkan ke scrip templates agan tadi. Untuk tinggi scroll bisa agan sesuiakan dengan keinginan agan.

Sekian informasi tentang cara membuat scroll pada label blog semoga bermanfaat dan jangan lupa tinggalkan komentar and jangan lupa juga LIKEnya

Artikel Terkait: