Cara Membuat Scroll Box Pada Widget Blogger

Membuat Scroll Widget Blog

Amaterasublog.com - Hallo teman-teman blogger, pada artikel kali ini saya akan berbagi tutorial tentang Cara Membuat Scroll Box Pada Widget Blog.

Fungsi dari scroll box pada sebuah widget blog adalah untuk menambah estetika blog agar lebih seimpel dan tidak terlihat berantakan. Apalagi ketika kita memasang widget sidebar yang panjang-panjang seperti popular post, recent post atau widget yang lainnya.

Lihat Juga Tutorial : Cara Membuat Scroll Box di Kolom Komentar Blog

Langsung saja, untuk membuat scroll box pada widget platform blogger, silahkan teman-teman ikuti tutorial cara di bawah ini:

Cara Membuat ScrollBox Pada Widget Blogspot

Tutorial:

1. Buka Dashboard Blogger > Tata Letak

2. Pilih widget blog yang akan ditambahkan scroll box > Kemudian klik Edit

3. Setelah terbuka, lihat kode html dari widget yang akan kita tambahkan scroll box. Lihat contoh gambar di bawah ini:

Contoh : Membuat Scroll Box Pada Widget Popular Post

4. Setelah kita mengetahui kode widget nya, silahkan copy kode widget tersebut dan tambahkan css nya, hingga menjadi seperti contoh di bawah ini:

#PopularPosts1 .widget-content{
 height:250px;
 width:auto;
 overflow:auto; }

5. Untuk memasangnya, masuk ke Dashboard Blogger > pilih Tema > Edit HTML dan tempelkan tepat di atas kode ]]></b:skin>

6. Untuk mengatur Panjang-Pendeknya Scroll Box, teman-teman bisa mengubah angka height: 250px
7. Klik save / simpan

Penutup ...

Mungkin cukup sekian tutorial singkat tentang Cara Membuat Scroll Box Pada Widget Blog, dan jika ada yang ingin ditanyakan terkait tutorial di atas, silahkan teman-teman tinggalkan komentar di bawah ini. Semoga bermanfaat!

Follow

Ahmad Shah Laupa Orang biasa yang memiliki ketertarikan terhadap dunia blogging dan senang belajar autodidak melalui tutorial-tutorial yang terdapat di Google. [Amati, Tiru, Modifikasi]

Yuk! Bagikan ...

Berlangganan Artikel Gratis :