Facebook Twitter Google+ Pasang Iklan

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) .
Setelah baca jangan lupa jempolnya..makasih..


Artikel Terkait:

Anda sedang membaca artikel tentang Membuat Label Blog model Scroll dan anda bisa menemukan artikel Membuat Label Blog model Scroll ini dengan url http://dhio89.blogspot.com/2011/05/membuat-label-blog-model-scroll.html, dan terimakasih sudah membaca Membuat Label Blog model Scroll, semoga uraian dan pembahasan tentang Membuat Label Blog model Scroll Bisa Bermanfaat.

1 comment

Post a Comment

 
Jangan Lupa Follow Dan Like ya!
Ikuti @dhio89