Ikut Belajar Blog

Assalamualaikum sahabat ikut belajar blog, sebelumnya saya ucapkan terima kasih kepada sahabat-sahabat yang telah berkunjung pada blog Ikut Belajar, blog yang sederhana ini tidak seperti blog-blog lainnya. yaps mari kita mulai belajarnya. kita lanjut sekarang Belajar Membuat Scroll di Blogspot

Cara membuat Scroll di blog untuk widget seperti Arsip Blog, populer posts, kategori/label, artikel terbaru dan lain-lain. Scroll berfungsi untuk mempersingkat tampilan dan juga menghemat tempat. Scroll juga membuat halaman blog menjadi lebih cepat untuk dibuka.

 Cara Membuat Scroll di Blog

1. Login ke Blogger

2. Pilih Template terus klik cadangkan template, unduh template untuk jaga-jaga.

3. Klik Edit Html dan Centang Expand Widget Template.

4. Cari tulisan widget yang akan kita beri scroll. Misalnya Populer Posts maka kita cari populer posts Untuk memudahkan pencarian Tekan control F di keyboard dan masukan tulisan Populer Posts .

5. Jika sudah ketemu maka kode lengkapnya seperti dibawah ini.

<b:widget id='PopularPosts1' locked='false' title='Populer Posts' type='PopularPosts'>

6. Sekarang Copy PopularPosts1 ke Notepad dan tambahkan kode lengkap seperti dibawah ini di Notepad.

#PopularPosts1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

7. Selanjutnya cari kode ]]></b:skin>

8. Copy Kode diatas dan letakkan di Atas kode ]]></b:skin>

Contoh:

#PopularPosts1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

]]></b:skin>

Catatan: height:200px itu tinggi kotak scroll nya, silakan diganti jika kurang panjang. misalnya jadi height:400px; 

9. Terakhir Klik Preview untuk melihat hasilnya. Jika Populer posts sudah ada scroll nya baru dah di Save. Selesai. Semoga Bermanffat.

Catatan: Jika arsip blog yang ingin diberi sroll. Maka cari dulu tulisan arsip blog di edit html. klo sudah ketemu, ambil kode SETELAH tulisan <b:widget id='  terus lanjutkan ke langkah 6 Seperti diatas. Untuk yang lain juga seperti itu caranya

Selamat Mencoba......