1 January 2010

Tutorial : Scrollbar Hover for Blogskins


ASsALAMUAILAIKUM
ada sesetengah orang bertanya macam mana nak buat scrollbar untuk blogskins.
Okay, itu namanya scrollbar hover.
Jom start.


pergi ke
1. Dashboard > Template > Edit HTML

2. Search kod ni </style>
3. Copy kod kat bawah ni, then paste kan di ATAS kod </style> tadi.



::-webkit-scrollbar {
height:12px;
width: 12px;
background:#FF62B0;
}
::-webkit-scrollbar-thumb {
background-color: #ffff00;
-moz-border-radius: 0px;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
-moz-border-radius: 4px;
border-radius: 4px;
background:#FF62B0;
}


Nota kaki :
pink : warna background scrollbar
biru : warna scrollbar sebelum hover
purple :  warna scrollbar selepas hover
Kod warna boleh cari di sini.

sekian saja lah tutorial kita pada hari ini
bye :)


FROM:   -MUHD FADLIN-http://miserymakescars.blogspot.com

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...