Tutorial: Underline Rounded Hover

Kali ni dah berapa banyak aku buat tuto , haha . Untuk korang juga kan . Okay tau apa itu undeline rounded hover ? Kebanyakan bloggie suka guna style macam ni cuma aku je tak . Kesiann -.- Macam ni rupa dia .

1. Dashboard > Design > Edit HTML > Tick Expand Widget Template

2. Cari kod dibawah ni :

u {

3. Kemudian copy kod bawah ni then pastekan kat bawah kod u {

text-decoration:none;
background: #FFB7B7;
-webkit-transition-duration: 2s;
color: #FFFFFF;
-moz-border-radius: 3px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
border-radius: 5px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}

4. Preview dahulu takut tak menjadi okay . Then baru save .

Kalau dah guna tu , apalagi commet la :P Credit ; Ziera