Friday 3 February 2012

Scroll Box Widget Label Blogger


Scroll Box Label.
Klik untuk perbesar image!

Scroll Box Widget label dapat dibuat tanpa terlalu banyak menambah kode. Cukup menggunakan dua macam kode tambahan maka sebuah scroll box segera dapat terpasang. Anda hanya perlu mengatur ketinggian scroll box untuk disesuaikan dengan kebutuhan di halaman posting.

Cara Membuat Scroll Box Widget Label

  1. Login ke Blogger.
  2. Halaman Dasbor (Dasboard).
  3. Klik Rancangan (Design).
  4. Klik Edit HTML
  5. Backup Template dengan cara:
    • Klik Download Template Lengkap (Download Full Template).
    • Beri nama dan simpan file template di folder PC. File ini akan berguna ketika anda mengalami kegagalan saat modifikasi yang mengakibatkan kerusakan desain blog. Untuk memulihkan ke konsisi sebelum modifikasi lakukan klik Browse kemudian Upload.
  6. Klik Expand Widget Template.
  7. Cari kode:
    <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  8. Ganti kode di atas dengan kode baru di bawah ini.
  9. Klik Simpan Template *(Save Template).

Kode Scroll Box Widget Label:
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;' style='height:100px;overflow:auto;'>

Catatan/Keterangan:

  1. Gunakan Ctrl + F saat mencari kode agar lebih cepat dan lebih mudah!.
  2. Sesuaikan tinggi scroll box widget label dengan merubah nilai 100px. Semakin besar nilainya maka scroll box semakin tinggi.

1 comments:

  1. manatap,.,.
    berguna banget,
    Lanjutkan!!

    ReplyDelete