Cara Mudah Memasang Scroll Pada Widget

Kali ini ane akan kasih Cara Mudah Memasang scroll Pada Widget. Pemasangan scroll ini hanya menggunakan kode css sederhana, namun dapat dipasang pada semua widget di blog anda. Dari beberapa cara pemasangan fungsi scroll pada blog saya rasa ini cara yang paling mudah dan fungsinya juga sama dengan cara pemasangan scroll lainnya.
Posting kali ini sekaligus untuk menjawab pertanyaan sahabat yang menanyakan bagaimana cara membuat scroll untuk widget pada kotak pesan ane. Baiklah gak perlu banyak basa basi...yang penting aksi (kayak mau demo aja heheheee) langsung kita otak-atik bagaimana cara pemasangan scroll tersebut, ikuti langkah berikut ini.
• Log in ke blog anda
• Klik Rancangan
• Klik Edit HTML
• Centang Expand Template Widget
• Masukkan Kode di bawah sebelum kode ]]>
#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}
• Simpan Template dan lihat hasilnya
Kode di atas adalah kode untuk pemasangan scroll pada blog archive. Pasti anda bertanya "lalu bagaimana cara pemasangan pada widget lainnya...???" OK gan...anggap aja kode di atas adalah kode dasar untuk membuat scroll pada widget lainnya. Kalau anda ingin memasang fungsi scroll pada kotak pesan saya (Tinggalkan Pesan) maka kode dalam template saya seperti ini


kalau anda ingin mencari kode widget lainnya tinggal ganti kode HTML1 dengan HTML2, HTML3 dan seterusnya

Anda harus mengambil kode HTML1 di atas lalu mengganti atau masukkan pada kode dasar scroll. Ingat kode dasarnya seperti ini

#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

Kode berwarna biru hapus dan ganti dengan kode HTML1 lalu masukkan sebelum kode ]]>

Catatan
• Kode height:200px; adalah batas tinggi widget setelah diberi scroll. Silahkan ganti dengan keinginan anda.
• Bila anda ingin memasang fungsi scroll pada scroll lebih dari satu, misalnya tiga widget yang ingin diberi scroll, maka anda juga harus memasang tiga kode tersebut dalam template anda. Gampan bukan?.Ok Selamat Mencoba dan Sukses Selalu.


''keep smile and do the best''

Posted in: Tips n Trik Tutorial