Fungsi Scroll Pada Label / Kategori

Jumat, 07 Oktober 20110 Komentar

Untuk membuat fungsi scroll pada Label atau Kategori , langkahnya seperti ini :

  1. Masuk ke Acount Blogger atau Dashboard
  2. Pilih Layout , lalu klik Edit HTML
  3. Centang Expand Widget Templates
  4. Cari kode widget Label yang 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:300px;'>    <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'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>     <b:include name='quickedit'/>
  </div> </div> </div>
  1. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata apa yang dicari dikotak yang disediakan, lalu klik next. 
  2. Saya cari kata Labels, karena di blognya namanya Labels, kalau nama widgetnya Kategori, ya cari Kategori. Ternyata kata labels itu banyak,  terus saja klik next sampai ketemu kode2 lain yg menyertainya. ketemu juga tuh.
  3. Kembali ke kode diatas, kalau sudah ketemu tinggal tambahkan saja kode yang warna merah itu untuk fungsi scrollnya.
  4. Angka 300px adalah tinggi kotak scroll itu, ini bisa disesuaikan.
  5. Mungkin saja diblog sobat kodenya beda,,  seperti diblog saya yang lain kodenya bukan  <div class='widget-content'> tapi :
    <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    gak apa asal penempatannya tepat, it’s ok.
  6. Untuk merubah buton menjadi  nomor urut , saya ganti tulisan warna biru itu <ul> menjadi <ol> dan </ul> menjadi </ol>
  7. Kalau sudah save template .
  8. Selesai.
Masih berkaitan, sebelumnya ada juga ttg membuat Fungsi Scroll Pada Komentar dan Fungsi Scroll pada Related Post  , kalau seneng kepada scroll menyecroll atau gulung menggulung..  halah.. bahasa apa ini , tapi silahkan aja di klik.
Hasil akhirnya dari tips diatas adalah seperti ini ,
image image
Selamat membuat Fungsi Scroll Pada Label atau Kategori , sedangkan untuk fungsi scroll pada Archives Blog.. tunggu posting selanjutnya .  Semoga bermanfaat.
Share this article :
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Kafe Bolejo - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger