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

HOME OWNER TUTORIAL ARTWORK BLOGSKIN ASK.FM

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-2017. Inspired by Kio.All Right Reserved by Arrien Amani