Tutorial : List with special hover [Blogskin]



Dah tahu ? okey . We should start this tuto :)
1; Dashboard > Template > Edit HTML
2; Tekan CTRL + F , cari </style>
a.baeky{
background:url(URLICON);
background-repeat:no-repeat;
background-size:15px;
padding-left:20px;
color:#000;
margin-bottom:2px;
font:11px verdana;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
color:#000;
display:block;
}
a.baeky:hover{
background:url(URLICON);
background-repeat:no-repeat;
background-size:14px;
}
4; Paste kan kat atas </style>
5; Lepas tu , copy kod bawah ni pulak

<a class="baeky" href="LINK" >AYAT</a><br>
<a class="baeky" href="LINK" >AYAT</a><br>
<a class="baeky" href="LINK" >AYAT</a><br>
<a class="baeky" href="LINK" >AYAT</a><br>
6; Pastekan kat mana-2 korang suka .
7; Save & preview

credit to ; Tieqa
Labels: mytutorial
April 03, 2017