Tutorial Blogskin : Image Hover With Text #1

by - 8:51 PTG



Tumblr_luw8lq37ay1r6fgcwo1_500_large

Assalamualaikum :)

Esok arrien dah pergi kem.. 3 hari,jadi arrien nak update awal2 untuk ganti 3 hari takde tu hehe.. 


Nak try buat?? jom ikowt tuto nie.

1. Dashboard > Template.
2. Tekan Ctrl+F dan cari code </style>
3. Copy code bawah nie pulak.

#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}


4. Pastekan code tu di atas code yang cari tadi.
5. Kemudian copy code yang ini pulak.

<div style="text-align: center;">
<center><img height="180" src="URL IMAGE" width="230" /><br>
<div id="kim"><br>
YOUR WORD</div><br>

6. Pastekan di bahagian sidebar korang.
7. Preview and save.

Note: 
Oren : ubah ikowt kesesuaian.
Biru : url image.
Merah : Ayat awak.




You May Also Like

3 Comments