Tutorial Blog






Open saying


Hello there :) I'm dirah :) Welcome to my blog. Don't forget to leave your footprint :)

1 . 2 . 3 .



Chatbox







Ask fm

You can request here
Please check that you've log in into your account
No ask fm account ? Right your name and URL blog


Credit





Design by Dirah .
Helped by Tiqah , Wana , Qistina , Afiqah Colour codes.
Used by Me
List tuto and free hover
Thursday, 7 November 2013 | 07:25 | 4000 comments






Bismillah.Assalamualaikum.Dirah kembali.Tadi dirah bgi freebies doodle handmade punye kan ? Sekang nk ajo korang cara buat tuto and freebies list hover cam dirah..K,sebelum buat mesti paham dulu,dah paham?Cer hover benda kat bawah nie :



 The Blog
Main House

 Dah faham?Nak try?Yg nie sesuai untuk blogskin aja ye ;)Maaf  kepada pemilik tuto ini.Dirah x ingat sape punye tuto.Nie dirah type ndiri.Maaf sangat.Tak berniat nk buang kredit.Thx pade siape yg bgi tuto nie :)
1.Blogger-->Template-->Search perkataan </style> menggunakan f3 or ctrl + f serentak !
2.Dah? Letak kode nie kat bawah kod </style> :

<style>
.list {
background:url( URL ICON );
background-repeat:no-repeat;
background-size:10px;
padding-left:25px;
color:#999;
display:block;}
@font-face{
font-family:'Short Stack';
}
.list:hover {
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
text-shadow: -6px 0 000, 0 6px 000,
6px 0 000, 0 -6px 000;
background:url(URL ICON);
background-repeat:no-repeat;
background-size:15px;
}
</style>
<a class="list" href="Link">Tajuk</a><br /></div>
<a class="list" href="Link">Tajuk</a><br /></div> 
Kuning = Bentuk icon
Biru = Font
Merah = Link
Oren = Tajuk

Labels: , ,