Tutorial : Image Hover With Text (Template User) | I N F I N I T E

Tutorial : Image Hover With Text (Template User)


HEARTACHES %u2665
Assalamualaikum :)
Tutorial nie arrien pernah buat dah,but untuk blogskin. Tapi ada pengguna template designer tanya arrien macam mana nak buat tuto nie kalau guna template. Untuk pengguna blogskin yang taktahu kewujudan tuto nie,boleh rujuk SINI hehe :D So here the tutorial :)

1. Dashboard > Layout > Add a Gadget > HTML/JavaScript.
2. Copy code ini.
<style>
#kim{
background:#f0eeeb;
color:#000;
width:230px;
height:180px;
margin-top:-185px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:.1;
-webkit-transition:all .5s ease-in-out; }
#kim:hover{opacity:.7}
</style>
<div style="text-align: center;">
<center><img height="180" src="URL IMAGE" width="230" /><br />
<div id="kim"><br />
YOUR WORD</div><br /></center></div>
3. Paste dalam kotak HTML/JavaScript tadi.
4. Save! Done :)

Note :
Merah : Url image
Biru : Ayat korang

Tiada ulasan:

 
Copyright © .2011-2018. Freebies by Tutoies.All Right Reserved by Arrien Amani