Cantikkan Scroll Bar Versi 2

بسم الله الرحمن الرحيم 

 * SeLamat DaTang Ke Blog FaRis Ris *
 * MoHon BerKelaKuan Baik Di Sini *
 * TeRiMa KaSih KeRana BeKerJaSaMa *



Assalamualaikum .
 Apa khabar .
 Gembira pula rasanya setelah Malaysia menang semalam menentang Laos .
Lupakan hal itu . Sekarang ni Ris nak ajar macam mana nak buat scroll bar versi 2 .
Yang versi 1 Ris dah ajar . 
Kalau tak ingat . Buka link ni . 
Amacam dah ingat . Kalau korang dah sedia . 
Jom ! Kita mulakan . 
Mula - mula , tengok gambar dekat bawah dulu .

Nampak tak . Yang ditunjukkan dalam gambar tu . 
Yang tu laa yang kita nak buat ni .

  • Dashboard - Template - Edit HTML - Proceed - Expand Widget Template 

  • Ctrl + F ( SERENTAK ! ) - Cari kod dekat bawah ni .

]]></b:skin>


  • Copy code dekat bawah ni dan pastekan di atas atau sebelum kod yang dicari tadi .

::-webkit-scrollbar {width:15px;height:10px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:10px;
width:10px;
display:block;
background:#F6CED8;border:1px solid #F7819F;}
::-webkit-scrollbar-track-piece  {
background-color:#FFFFFF;}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#F6CED8;border:1px solid #F7819F;}


  • Preview baru save .

Nota Kaki :

Biru :  KOD WARNA