Vikipedia Blog
Home » , , » Cara Membuat Scroll Box Di Widget "labels"

Cara Membuat Scroll Box Di Widget "labels"

Vikipedia4.Blogspot.Com - Haiii Teman, sudah lama saya tidak Ngepost. nah.. kesempatan kali ini Admin akan share membuat scroll plus boxnya di widget "labels".

Contohnya seperti gambar di bawah ini :



Cara Membuat Scroll Box Di Widget "labels"
Kegunaannya :
  • Untuk meringankan loading blog
  • Tampilan blog terlihat rapih
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 di keyboard terus masukan kode yang  anda cari)
  7. Kalau sudah ketemu, copas kode di bawah ini lalu simpan di atas kode ]]></b:skin>
.label{
       height:250px;
       overflow:auto;
}

  1. Cari lagi kode ini :

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

    Kalau kode di atas tidak di temukan, coba cari dengan kode yg ini :
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;' style='height:250px;overflow:auto;'>

  1. Kalau sudah di temukan, gantilah kode diatas dengan kode di bawah ini
<div style='border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 250px; background-color: none;'>

    ket : kode yang berwarna kuning adalah kode untuk mengukur ukuran tinggi widget, silahkan sesuaikan dengan template anda.

  1. Selesai sudah... Klik "simpan template"

0 Orang Mengomentari ini: