Cara Membuat Scroll Pada Widget Blogspot

Unknown

Tutorial

Kamis, 20 Februari 2014

11 Komentar

Kali ini Blog Ziant Shady akan membahas tentang Cara Membuat Scroll Pada Widget Blogspot. Dengan menambahkan fitur scroll pada widget blog maka tampilan widget yang semula panjang kebawah bisa menjadi lebih rapih dengan ukuran yang sudah ditentukan dan hanya harus menscroll pada widget tersebut tanpa harus menscroll seluruh bagian Blog.

Fitur ini biasanya digunakan pada widget arsip blog, populer post, recent comment dan semua widget yang memiliki ukuran yang relatif tinggi seperti gambar berikut.

Bagi anda yang khawatir dengan menambah fitur tersebut maka loading Blog akan menjadi lama atau berat, tenang saja karena kode HTML yang ditambahkan pada Template Blog hanya sedikit sekali, untuk menggunakannya ikuti tutorial dibawah.

Cara Membuat Scroll Pada Widget Blogspot

1. Pada Blogger pilih tab Template > Edit HTML
2. Lalu cari kode widget yang akan di pasang fitur scroll, untuk mempermudah silahkan cari saja nama widget tersebut seperti "Populer Minggu Ini" yang merupakan widget yang saya pasang pada Blog ini
3. Lalu letakan kode berikut dibawah kode <div class='widget-content'> atau yang mirip dengan ini

<div style='overflow:auto; width:ancho; height:200px;'>

4. Jangan lupa letakan kode penutup </div> diakhir kode widget tersebut
5. Lalu simpan dan lihat perubahannya

Note: Silahkan ubah tinggi widget yang diinginkan dengan mengubah nilai 200px

Sekian tutorial membuat scroll pada widget ini, jika ada yang kurang jelas silahkan bertanya pada kotak komentar dibawah.