1 Cara Membuat Scroll Pada Widget Blog

Sreen Shoot

Setelah sebelumnya postingan ™Rahman Blog ™membahas cara memberi scroll pada arsip blog, kali ini postingan Max's Blog akan kembali membahas tentang scroll atau baris penggulung, khususnya cara memberi scroll pada widget yang ada disidebar ataupun footer blog. 

Dalam membuat scroll pada widget blog, ada banyak cara yang dapat kita praktekan. Namun kali ini Max's blog akan membagikan cara yang tidak sulit, yakni membuat scroll pada widget blog dengan cara menambahkan kode CSS didalam template.

Berikut cara membuat scroll pada widget blog :

• Login Ke akun Blogger sobat.
• Jika sudah berada di Dasbor Blogger, Pilih Template. Kemudian pilih lagi Edit HTML.
• Centang kotak Expand Template widget, Kemudian cari nama / judul widget yang akan diberi scroll (Nama / judul widget seperti popular posts ataupun widget lainnya).
• Cari kode <div class='widget-content'> yang letaknya tepat dibawah nama / judul widget tersebut.
• Selanjunya tambahkan kode <div style='overflow:auto; width:ancho; height:100px;'> (angka 100 adalah tinggi widget, silahkan sesuaikan dengan keinginan sobat) tepat dibawah kode yang dicari pada nomor 4 tadi.
• Sedikit kebawah, cari lagi kode <b:include name='quickedit'/>, jika sudah ketemu tambahkan kode </div> tepat dibawahnya. penggabungan kode tersebut kurang lebih seperti ini.

Kode dalam kotak yang berwarna merah adalah kode yang ditambahkan, sedangkan kode dalam kotak yang berwarna biru adalah nama / judul widget.

yang terakhir Klik Save / Simpan.
Mudah - mudahan postingan Cara Membuat Scroll Pada Widget Blog ini dapat bermanfaat bagi sobat blogger sekalian.

RB Related Post:

Tutorial Blog

• Cara Menghilangkan Nomor Pada Blog Archive
• Membuat Efek Link Memudar Blog With JQuery
• 3 Widget Indcread's dengan efek Bergetar Dan Onklik
• Anti Klik Kanan Dengan Gambar | New Version
• cara membuat menu di bawah header
• Pasang Widget Alexa Rank Tanpa perlu Register
• Membuat Link Sumber Pada Postingan Yang Di Copas Orang Lain
• DIBUKA Jasa Pembuatan Blogg
• Fanspage Facebook Melayang DI Blog
• Download Adobe Photoshop cs 6
• Cara Membuat BlogRoll
• Cara Merubah Warna Text Ketika di Blok
• Post Title
• Disable Klik Kanan, CTRL+A (Block) & CTRL+U (Source) di Blog
• Cara Membuat Tooltip Otomatis Semua Title
• Cara Membuat Link Membuka Di TAB Baru
• Yahoo.Com Template Blogger
• Free Download Template Green Transparent | Cah Dabloeng
• Cara Ganti Teplate
• Cara Membuat Background Petir
• Download Lagu MP3 Player (Tanpa Perantara)|™Rahman De Cheaterz™
• Compress Html Kalian |™Rahman De Cheaterz™
• Cara Membuat Menu Accordion di Blog
• Membuat Efek Link Memudar Blog With JQuery