√ Tutorial Cara Membuat Scroll Box Pada Widget Blogger

Tutorial Cara Membuat Scroll Box Pada Widget Blogger


Amaterasublog – Hallo teman-teman bloggers, 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 Scroll Box Pada Widget Blogspot

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 :)
Disclaimer : Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini

Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "Tutorial Cara Membuat Scroll Box Pada Widget Blogger"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel