Saturday, October 8, 2011

Membuat scrolling Pada LABEL/CATEGORY

Lanjutan dari posting yang sebelumnya, sekarang waktunya mengubah tampilan daftar LABEL/CATEGORY yang memanjang ke bawah menjadi lebih profesional dengan scroll. tak perlu basa-basi lagi langsung saja ke tahap pembuatan.
  • Awali dengan masuk ke Blogger dulu
  • Lalu Tata Letak/Layout - Add Gadget
  • Terus tambahkan Label
  • Kemudian simpan terlebih dahulu
Nah setelah tahap membuat labelnya selesai, sekarang kita masuk ke tahap membuat label tersebut agar bisa di scrolling.
  • Posisikan blogger anda agar tetap di Tata Letak/Layout
  • Nah, sekarang masuk ke Edit HTML
  • Agar tidak beresiko terhadap kesalahan, ada baiknya Download Template Lengkapnya terlebih dahulu
  • Centang Expand Widget Template di kanan atas box template
  • Kemudian cari code berikut : (ctrl + f untuk mencari)

<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>
  • Kode yang berwarna merah adalah kode yang harus anda tambahkan.
  • Ganti NAMA LABEL sesuai keinginan anda
  • Untuk tulisan yang berwarna hijau bisa anda ganti sesuai dengan tinggi label yang anda inginkan
  • Oke...proses membuat Label scrolling telah selesai...simpan hasil kerja anda...
Mudah - mudahan bermanfaat
Terima Kasih

0 komentar:

Post a Comment