ini contoh dari blog yang shida edit credit to : Blog Qalwanieys :)

TUTORIAL cantikkan scroll bar | bagi yang nak biasa-biasa tak nak cantikkan apa-apa tak perlulah buat tutorial ini ok. Tutorial ini khas untuk yang nak mencantikkan lagi scroll bar ni mengikut warna kegemaran korang tu ok :) Jom follow step ini.

1.  Buka bahagian template --> cari kod ini --> ]]></b:skin>

dah jumpa paste kod bawah ni sebelum kod yang dicari macam dalam gambar dibawah

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #56a5ec;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ffffff;
}

yang warna biru tu korang boleh tukar kepada code warna kesukaan korang k

code warna boleh cari disini --> html color code

Selamat Mencuba ^_^

TUTORIAL buat scroll bar pada archive atau widget lain di sidebar | apa itu scroll bar? scroll bar tu gambar yang shida share atas ni. Ini kita panggil scroll bar, tujuan scroll bar dalam blog adalah bertujuan untuk menjimatkan ruang dan menampakkan lebih kemas dan teratur terutama bahagian archieve atau senarai post kita tu. Kalau kita tak pasang memang panjang berjeler lah widget archive tu tapi bagi yang rajin update lah sebulan sampai beratus-ratus entri. bagi yang tak rajin update kalau guna pun lebih kemas dan tidak menggunakan ruang yang banyak. Untuk scroll bar ni boleh digunakan dimana-mana widget sekiranya korang tahu cara ingin memasangnya. Jom follow step shida.

1. Buka bahagian Template --> cari kod archive korang

2. bagaimana nak cari kod archive korang? korang ctrl+f then cari 'archive' tak pun title archive korang. Contoh macam shida guna 'oldest post' so shida ctr+f terus dapat macam dalam gambar diatas. kalau tak clear boleh tekan gambar besarkan ok.

3. copy kod ini -->style='overflow:auto; height:400px paste sebelah 'widget-content'
 mesti ada yang pening macam mana nak paste kod diatas kan, korang tekan dulu titik-titik (....) yang anak panah shida tunjukkan tu then korang akan nampak seperti dalam gambar diatas yang berlabel no.3 tu ok.korang punya kod mesti akan jadi macam gambar bawah ni.
ketinggian kotak di sidebar korang tu korang boleh ubah macam shida guna 400px kalau nak kecil lagi boleh guna 300px atau 200px ye :)  boleh faham so far? tak faham boleh PM shida ok :)

p/s: jika korang nak buat scroll bar dekat man-mana widget pastikan cari kod 'widget-content' dan paste sebelah dia sama step macam shida ajar diatas tu ok :)

ini contoh shida menggunakan scroll bar :)