• copy โค้ดไปให้ครบนะคะ •
html {
scrollbar-face-color:ใส่โค้ดสี;
scrollbar-highlight-color:ใส่โค้ดสี;
scrollbar-3dlight-color:ใส่โค้ดสี;
scrollbar-darkshadow-color:ใส่โค้ดสี;
scrollbar-shadow-color:ใส่โค้ดสี;
scrollbar-arrow-color:ใส่โค้ดสี;
scrollbar-track-color:ใส่โค้ดสี;
}
* เปลี่ยนโค้ดสีได้ตามใจชอบ*
• ตัวอย่างโค้ดสำเร็จรูป[css] นำไปใช้ได้เลยค่ะ •

html { scrollbar-face-color:#800000; scrollbar-highlight-color:#FF0000; scrollbar-3dlight-color:#800000; scrollbar-darkshadow-color:#800000; scrollbar-shadow-color:#FF0000; scrollbar-arrow-color:#ECC977; scrollbar-track-color:#800000; } html { scrollbar-face-color:#FFB9DC; scrollbar-highlight-color:#FF82C0; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-shadow-color:#800080; scrollbar-arrow-color:#FF0080; scrollbar-track-color:#FFD5EA; }
 html { scrollbar-face-color:#FABD05; scrollbar-highlight-color:#F5E069; scrollbar-3dlight-color:#FAF4D8; scrollbar-darkshadow-color:#F9D073; scrollbar-shadow-color:#E39A37; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#ffffff; } html { scrollbar-face-color: ffffff; scrollbar-shadow-color: 00cc00; scrollbar-highlight-color: ffffff; scrollbar-3dlight-color: 00cc00; scrollbar-darkshadow-color: 00e600; scrollbar-track-color: d7ffd7; scrollbar-arrow-color: 00cc00; }
[ขอขอบคุณภาพประกอบจาก http://www.ladylony.com]
|
• หลังจากที่เราได้โค้ดมาแล้ว ก็เข้าไปที่หน้า manage blog > รูปแบบ>ปรับแต่ง style>แก้ไขรูปแบบ
(อย่าลืมสำรองโค้ดเก่าที่สำหรับคนที่เคยใส่ลูกเล่นต่างๆ เอาไว้ ด้วย)
• จากนั้นใส่โค้ดต่อท้ายโค้ดเดิมที่มีอยู่ไปเลยค่ะ
• กดตกลงแล้วไปดูความเปลี่ยนแปลงกันเลย ถ้ายังไม่เห็นให้ลองกด F5 เพื่อทำการ refresh
และถ้ายังไม่ได้อีกก็ลองกลับไปตรวจสอบโค้ดดูใหม่นะคะ