Tutorial : Image Hover With Text (Template User)
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>3. Paste dalam kotak HTML/JavaScript tadi.
#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>
4. Save! Done :)
Note :
Merah : Url image
Biru : Ayat korang
0 Comments