Cara letak Scroll Bar pada Kotak Komen Blog

hyepp...
jom tengok cara nak buat scrollbar kat kotak komen korang...tutorial ni sesuai laaa kalau korang takmau scroll meleret2 ke bawah..hehe jommm....!

1.  Dashboard --> Template --> Edit HTML

2. Cari kod di bawah ini.. tekan ctrl + F untuk mudahkan pencarian...

 /* Comments

3. Dah jumpa, copy dan pastekan kod di bawah selepas kod  /* Comments .. nanti akan jadi camnie... ( kalau same daaa, abaikan step ni) ... btw, ny untuk simple template... lain template, lain kod i think...but, u can try first..hehe

/* Comments

----------------------------------------------- */

#comments h4 {

margin:1em 0;

font-weight: bold;

line-height: 1.4em;

text-transform:uppercase;

letter-spacing:.2em;

color: #ffffff;

} 

4. OK? sekarang copy n paste kod di bawah selepas  tanda } ... ( refer step 3 ) 

#comments {
height:400px;overflow:auto;
}

5. Preview dulu..kalu xde error, baru Save and tengok hasilnya.... tapi korang kena pilih post korang yang byk komen lah ye.... and view post tu.... 

p/s : warna merah tu untuk tukar saiz scrollbox korang.... 

and leh tukar kod warna pada tulisan warna oren tu.... 

komen lah sikit klo menjadi....thanks yaaa...! 

=)

Tutorial Scrollbar Comel ( Extraordinary )

....latest from me......

1. Dashboard --> Template --> Edit HTML

2. Cari kod di bawah..tekan ctrl + F untuk mudahkan pencarian..

body { 

3. Copy kod  di bawah dan paste kan sebelum kod body { 

::-webkit-scrollbar {
height:10px;
width: 10px;
background: #FFFFFF;
}
::-webkit-scrollbar-track-piece  {
background-color: #D462FF;
border: 4px solid #FFFFFF;
}
::-webkit-scrollbar-thumb {
background:url(http://mycutegraphics.com/backgrounds/stars/starbg61.gif) repeat;
border-top: 6px dashed #F778A1;
border-bottom: 6px dashed #F778A1;
border-right: 1px solid #804000;
border-left: 1px solid #804000;
}

4. Preview dulu...ok, cantik??? SAVE laaaa... =)

Note :
biru : warna background scrollbar
purple : warna batang scrollbar ( cam cantoh kat atas tu, warna purple )
merah : saiz batang scrollbar ( ubah laaa kalau nak bagi nipis or tebal )
oren : url image ...cari kat sini ---> Tekan 

kod warna ---> Tekan 

p/s : komen laaa kalo menjadi.... =)

Cantikkan scroll bar

step 1 :
Dashboard > Template > Edit html > Tick Expand Widget Templates

step 2 :
untuk memudahkan kerja korg, taip CTRL+F...
then, akan keluar kotak...isikan dalam kotak tu code bawah nie...

]]></b:skin>

step 3 :
Copy code kat bawah ni pastu letakkan sebelum code dalam step 1

::-webkit-scrollbar {
height: 06px;
width: 06px;
background: #FCDFFF;
}
::-webkit-scrollbar-thumb {
background-color:#F6358A ;
-moz-border-radius: 10px;
border-radius: 10px;
}

Preview dulu n check daa jadi ke blum?? klu dah..baru SAVE.... =)

NOTE :
*Yang berwarna #FCDFFF --> kod warna untuk background scroll bar..
*Yang berwarna #F6358A --> kod warna untuk scroll bar..

done.. =)
ehh, ape? xsuka purple...? owhh..nak tukAR...
boleh saje....cari kod warna baru di SINI....

bereh? hehe

AND korang boleh tukar tahap kelebaran scroll bar korg..
just tukar saiz pada TULISAN HIJAU tu ye...
preview..
kalau daa cun, baru save tau... =)