Thursday, July 24, 2014

Tutorial Underline Hover Pada Blog

Tutorial untuk :
Underline hover , garisan akan bertukar warna apabila cursor menyentuh.



Ikut step ni :

1.Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2.then tekan Ctrl + F [tekan serentak!] , Cari code ni 
/* Header
3.Kemudian , copy code bawah ni..dan paste kan di ATAS code yang kalian cari diatas
u {
text-decoration:none;
border-bottom: 4px solid #F6358A;
 padding: -3px;
}
u:hover {
border-bottom:  4px solid #F9A7B0;
padding: -3px;
}

PERHATIAN!
4px-tebal garisan
#F9A7B0-code warna

4.preview , kalau sudah benar kemudian SAVE.

No comments:

Post a Comment