CARA LETAK SCROLL BOX UNTUK BLOGLIST

CARA LETAK SCROLL BOX UNTUK BLOGLIST | Assalamualaikum..sebenarnya dah lama nak buat tapi tak buat-buat, sekarang baru wujud scroll box pada blog Sha memandangkan sekarang dah ada bloglist baru untuk Sha kunjungi iaitu Family AFB dan Blogger Pantai Timur yang baru diwujudkan baru-baru ini. Jadi sebelum Sha lupa nak buat macam mana Sha nak kongsi kat sini mana tahu satu hari Sha terkacau html blog sendiri atau kawan-kawan yang lain juga sedang mencari kan korang boleh la rujuk sini. Eh, macam pernah terkena je memang laah pernah..

Contoh Scroll Box

Tujuan Sha letak Scroll Box ini adalah untuk kemaskan bahagian sidebar blog Sha memandangkan bloglist yang Sha letak boleh tahan banyak jadi rasanya lebih elok Sha letakkan scroll box sebegini jadi Sha tak perlu tengok senarai panjang. Jom tengok apa yang Sha buat untuk dapatkan scroll box seperti diatas:

1. Log In Blogger  > Theme >  Edit HTML

2. Tekan CTRL + A > CTRL + F dan cari tajuk bloglist contoh seperti Sha "AFB FAMILY"

3. Bila sudah jumpa tajuk berkenaan korang cuba cari dibawah tajuk tu kod ini 

<div class='widget-content'>

4. Bila sudah jumpa kod berkenaan korang gantikan kod itu kepada kod dibawah


<div class='widget-content' style='overflow:auto; width:ancho; height:400px;'>

haaa.. yang warna merah tu saiz tinggi scroll box, korang boleh setting ikut saiz korang nak.

5. Akhir sekali sebelum tekan SAVE, korang preview terlebih dahulu untuk memastikan scroll box berfungsi takut keluar error kan. Bila berjaya preview tekan save.

Semoga berhasil

Terima Kasih.