Pages

Sabtu, 06 April 2013

Cara Membuat Scroll Doang Di "Labels"

Cara membuat scroll doang tanpa pake box (garis yang mengelilingi labels) di widget labels.

contohnya seperti gambar di bawah ini :


Membuat Scroll Doang Di "Labels"

Kegunaannya :

- Meringankan loading blog
- Tampilan blog menjadi proporsional
- Ukuran tinggi label bisa kita atur supaya enggak terlalu panjang ke bawah

Sebelum melakukan cara/trik di bawah ini, anda harus terlebih dahulu menambahkan widget "label" ke blog, cara menambahkannya klik Disini.

Cara membuatnya :
  1. Login ke blogger
  2. Masuk ke dasbor
  3. Klik "template"
  4. Klik "edit HTML"
  5. Klik "expand template widget"
  6. Cari kode ]]></b:skin> (biar cepat ketemu klik CTRL+F terus masukan kode yang ingin di cari)
  7. Kalau sudah ketemu, copas kode di bawah ini dan simpan di atas kode ]]></b:skin>

.label{
       height:250px;
       overflow:auto;
}

     8. cari lagi kode ini :

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

kode di atas ganti dengan kode di bawah ini :

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;' style='height:250px;overflow:auto;'>

ket : kode yang di kasih warna kuning adalah untuk merubah ukuran tinggi widget.

      9. Selesai dah... klik "simpan template"

Tidak ada komentar:

Posting Komentar