Minggu, 02 Januari 2011

Membuat Label Menggunakan Teknik Scroll

Label yang dimaksud sekarang adalah label dengan teknik scroll. Kamu pasti tau mengenai scroll bukan? Halaman blog ini bisa ditarik ke atas dan kebawah itu adalah scroll. Mengerti khand? Ya udah, langsung aja ke pokok permasalahan. Label yang menggunakan teknik ini sengaja untuk menghemat tempat agar tidak memanjang terus menerus sehingga membuat halaman blog menjadi tidak karuan. Kalo pake scroll, halaman tidak terbuang percuma dan bisa diisi dengan iklan atau apa terserah yang kita inginkan. Sebelum memanfaatkan trik ini ada baiknya membahas membuat Label dulu, siapa tau ada diantara kita yang belum tau. Nah, gini caranya:
  1. Pilih Tata Letak/Layout pada Dashboard
  2. Pada menu Elemen Halaman, pilih Tambah Gadget/Add Gadget pada suatu tempat widget
  3. Scroll ke bawah dan akan menemukan Pilihan 'Label'
  4. Klik Tambah dan pilih opsi sesuai keinginan
  5. Kemudian Simpan


Setelah selesai membuat Label, mari kita kembali ke topic semula yaitu membuat scroll label, gini caranya:
  1. Pilih Tata Letak/Layout pada Dashboard
  2. Pada menu, pilih Edit HTML
  3. Pada halaman Edit HTML, download dulu template kamu dengan klik Download Template Lengkap
  4. Klik Expand Widget Template
  5. Kemudian cari kode berikut:

    <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>
  6. Yang berwarna merah adalah kode yang harus ditambahkan di script itu
  7. Ganti tulisan NAMA LABEL dengan Nama Label yang tertampil di blogmu.
  8. Tulisan yang berkedip adalah panjang Label yang ditampilkan, kamu bisa menggantinya sesuai keinginan
  9. Kemudian Pilih Simpan
 

http://www.ardi33.web.id/2009/03/membuat-label-menggunakan-teknik-scroll.html