Minggu, 29 Mei 2011

Membuat Label Blog model Scroll

Posting kali ini adalah Membuat Label Blog Model Scroll. Jika kita sudah bloging dalam jangka waktu yang lama pasti label ini banyak memakan tempat, lalu bagai mana solusinya? Yaitu membuat label dengan model scroll. Dengan cara :


  1. Log in ke blogger
  2. Klik Rancangan
  3. Klik edit HTML
  4. Back up terlebih dahulu template blog kita untuk mengantisipasi kegagalan
  5. Klik atau contreng kotak expand template widget
  6. Cari kode HTML berikut ini, Tekan Ctrl + F untuk memunculkan kotak pencarian dalam edit HTML agar pencarian lebih mudah dilakukan.

    <b:widget id='Label1' locked='false' title='NAMA LABEL' 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:100px;'>
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <data:label.name/>
    <b:else/>
    <a expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    (<data:label.count/>)
    </li>
    </b:loop>
    </ul>
    </div>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>
  7. Tambahkan kode yang berwarna merah untuk mengaktifkan fungsi scrolling pada blog kita.
  8. Pada kode : <div style='overflow:auto; width:ancho; height:100px;'>
    . (angka 100px ubah sesuai selera) .

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.