Cara Mudah Memasang Scroll Pada Widget

Posted by Tips Trick Blogger Monday, January 31, 2011 0 comments

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 Pier's BLOG 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 ]]></b:skin>

#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

<b:widget id='HTML1' locked='false' title='Tinggalkan Pesan' type='HTML'>
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 ]]></b:skin>

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 spirits and do the best''

Adsense Content. bottom of article