Tutorial : List with special hover [Blogskin]
posted by Zakiah Akma April 03, 2017 0 comments
  
 
Kali ni , tuto yang memang semua bloggers tau . Bagi newbie atau yang nak buat blog dia cmtu , boleh ikut tuto nih . Sebelum tu , Zie bagi contoh gambar :

 

Dah tahu ? okey . We should start this tuto :)


1; Dashboard > Template > Edit HTML
2; Tekan CTRL + F  , cari </style> 
3; Copy kod kat bawah ni :
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:

design by Wanaseoby. edit by Zakiah Akma.