Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menciptakan Label / Categories Menggunakan Scroll



Cara Membuat Label / Categories Memakai Scroll eh tidak tahunya malah nyasar dan temuin tutorial gres yang mirip-miriplah sama tutorial yang dikala itu ane cari, Cara Membuat Fungis Scroll pada Label/Kategori di blog sob, tidak mengecewakan 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 kemudian Edit Template HTML --> Centang pada Expand Widget Templates
  • cari arahan <b:widget id='Label1' locked='false' title='Labels' jikalau sudah ketemu coba scroll kebawah sedikit hingga temuin arahan <div class='widget-content'>, nah kini letakkan arahan berikut sempurna dibawah arahan <div class='widget-content'> tadi :
          <div style='overflow:auto; width:ancho; height:300px;'>
  • Scroll lagi kebawah samape temuin arahan <b:include name='quickedit'/>, jikalau sudah sanggup copy kemudian pastekan arahan </div> sempurna dibawahnya. (Nantinya akan ada 2 arahan </div> dengan yang gres ditambahin)

Untuk lebih jelasnya sanggup lihat pola 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; /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 yakni tinggi scroll pada label, silahkan teman sesuaikan dengan impian sobat
yang warna biru <ol> dan </ol> yakni hasil perubahan dari <ul> dan </ul>. Untuk yang ini tidak terlalu besar lengan berkuasa sob, semoga tidak diganti juga tidak kenapa2...

Sekian, Jangan lupa untuk like artikel ini :)

Posting Komentar untuk "Cara Menciptakan Label / Categories Menggunakan Scroll"