Tutorial : Underline like Mine

credit : pinterest

This tutorial requested by Nayyara. Itu lho, yang ada border dotted warna pink kalo dihover jadi agak menghilang(transparan). So, check it out.
Buka Blogger > Template > Edit HTML

Cari kode :

/* Header

Paste this code above that code :

u {

text-decoration:none;

-moz-border-radius: 2px;

filter:alpha(opacity=100);

-moz-opacity:1.0;

opacity:1.0;

padding-top: 1px;

padding-bottom: 1px;

padding-left: 3px;

padding-right: 3px;

background: #8E8E8E;

border-radius: 2px;

-webkit-transition-duration: 2s;

color: #FFFFFF;

}

u:hover {

-moz-opacity:0.80;

opacity:.80;

-webkit-transition:0.5s;

transition:0.5s;

filter:alpha(opacity =80);

}

- Red background color

- Blue text color

Preview and save.
Credit to : Kak Lettha