Memasang List Blog dengn Icon Hover

Haaai..... Aku mau share salah satu requestan kalian. Tapi aku lupa siapa namanya. Semoga berguna buat kalian semuaaa >..< PERHATIAN: Khusus Pemakai Blogskin saja. Credit: Kak Atin.

 

 Copy code di bawahini:

 <style>
a.chan {
background:url(URL ICON);
background-repeat:no-repeat;
background-size:12px;
padding-left:19px;
color:#666;
display:inline-block;
font: 12px arial;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:280px;
line-height:18px;
}
a.chan:hover{
background:url(URL ICON);
background-repeat:no-repeat;
background-size:12px;
color: #000;
}
</style>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>

 Paste di list blogmu
Preview & Save