√ Cara Membuat Scroll Box Pada Widget Blogger

Cara Membuat Scroll Box Pada Widget Blogger


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:
Tutorial Cara Membuat Scroll Box Pada Widget Blog
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 Tutorial
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 :)

Berlangganan update artikel terbaru via email:

#Jadilah yang pertama berkomentar di postingan "Cara Membuat Scroll Box Pada Widget Blogger" ...

Posting Komentar