Cara Membuat Scroll pada widget

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Posted by mukhammad nur Kamis, 29 Maret 2012 0 komentar
scroll pada widget blog
Oke deh sob, langsung saja ya biar tidak OOT, sesuai dengan judul diatas saya akan share bagaimana cara Membuat scroll pada widget blog (untuk gambaran sebuah scroll kira-kira seperti gambar disamping), fungsi scroll pada widget ini adalah untuk membuat tampilan widget anda menjadi lebih pendek, karena widget blog anda pendek maka halaman blog anda menjadi hemat tempat, rapi dan tidak membutuhkan space yang luas. Ada 3 cara dalam membuat scroll pada widget blog ini, yang intinya adalah menggunakan perintah kode overflow. Jika anda menambahkan kode overflow ini ke dalam widget anda, maka ini akan membentuk sebuah scroll. Oke sobat anda bisa coba dengan menggunakan notepad. Berikut langkah-langkah cara membuat scroll widget pada blog yang saya maksudkan.

Cara Pertama
1. Silahkan login ke dalam akun Blogger anda, masuk ke Design, Page Element. Kemudian tambahkan widget baru dengan klik add a gadget, lalu pilih add html/javascript

2. Silahkan beri judul (tidak diberi judul juga tidak masalah) dan pada pada bagian content letakkan kode seperti ini
<div style="overflow:auto; width:100%px; height:230px; padding:10px; border:1px solid #999999;">
..................................
</div>
3. Kemudian silahkan anda letakkan kode widget diantara kode div diatas (tanda titik titik panjang)

Cara Kedua
1. Silahkan login ke dalam akun Blogger anda, masuk ke Design, kemudia masuk ke Edit Html. Lalu cari nama widget atau nomor HTML yang hendak anda jadikan scroll. Dalam hal ini paling mudah anda memberikan Judul widget anda, tujuannya agar mudah dicari pada halaman Edit HTML di template anda. Saya contohkan di sini adalah widget default Archive blog.
2. Tambakahan kode CSS berikut ini diatas ]]></b:skin>
#BlogArchive .widget-content{
height:230px;
width:auto;
overflow:auto;
}

3. Kode yang berwarna merah harus sama dengan nama/judul widget yang hendak anda jadikan scroll.

Cara Ketiga
1. Silahkan masuk pada Edit html template seperti cara kedua, silahkan anda cari widget yang hendak anda berikan scroll. Lalu pada bagian bawah dari kode widget tersebut cari kode div class='widget-content'

2. Tambahkan kode style='overflow:auto; height:230px' disamping kode div class='widget-content' Sehingga menjadi
<div class='widget-content' style='overflow:auto; height:230px'>

Nah itulah 3 cara paling mudah dan sederhana bagaimana cara membuat scroll pada widget blog anda, silahkan anda pilih menurut anda cara yang paling mudah dan biasa anda lakukan. Selamat mencoba...keep blogging.
&lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara Membuat Scroll pada widget
Ditulis oleh mukhammad nur
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://cintafido.blogspot.com/2012/03/cara-membuat-scroll-pada-widget.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Panduan blog dan SEO support Online Skill - Cinta fido Fido | Kopi kanan Akherat | Kisah Nabi Muhammad | Sahabat | Belajar Blogger | Template | HTML | Tutorial | Komputer.

investasi semoga anda senang

kurs mata uang BCA-2


Selamat datang di blog cinta fido, semoga anda diberi keSehatan oleh alloh SWT

Islam itu Cinta Damai Agama Islam Cinta Damai
jihad Damai adalah amal kebaikan yang Allah perintahkan dan menjadi sebab kokoh dan kemuliaan umat islam