Tutorial Cara Membuat Scroll Box Pada Widget Blogger - amaterasublog.com

Tutorial Cara Membuat Scroll Box Pada Widget Blogger

Tutorial Cara Membuat Scroll Box Pada Widget Blogger

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


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 Blog

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

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 :)
Loading...

Berlangganan update artikel terbaru via email:

0 Response to "Tutorial Cara Membuat Scroll Box Pada Widget Blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel