- Blog Personal Informations

01 June 2013

Dua Metode Membuat Scroll Pada Label Blog

Membuat scrool label blog
Membuat scrool pada widget label blog sangat mudah sekali dan cara pemasangannya pun simple.. Tujuan dari Fungsi Scroll adalah : untuk mempersimple tata ruang blog, sehingga blog menjadi lebih FRIENDLY dan Rapih...
Berikut cara bagaimana pemasangannya:

CARA PERTAMA:

  • Seperti biasa, Masuk ke Dashboard blog anda.
  • Klik  Template dan klik Edit HTML 
  • Karena sekarang tampilan Edit HTML berbeda, tanpa Centang Expand Widget . jadi langsung saja Klik Ctrl + F dan cari kode <b:widget id='label1' locked='false' title='label'> dan scrool sedikit ke bawah sehingga menemukan kode seperti ini ( <div class='widget-content'> ).
Silahkan tambahkan kode ini tepat di bawahnya <div style='overflow:auto; width:ancho; height:200px;'>
Cari lagi kode <b:include name='quickedit'/> dan tambahkan kode </div>


CARA KEDUA:


  • Cara yang kedua sedikit lebih mudah daripada cara yang pertama, cukup menambahkan kode pada bagian CSS saja ? dan caranya silahka cari kode ]]></b:skin> dan tambahkan kode di bawah ini tepat di atasnya

#Label1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}
**Keterangan:
height:200px; adalah nilai tinggi kotak scrool

Previous
Next Post »