Image Hover Text Part II

Assalammualaikum. Eyra nak ajar korang cara-2 image hover text. bila cursor pergi kat dia , dia ada tulis. lebih kurang macam bawah ni

1. Dashboard > Design > Edit HTML 
2. Tick Expand Widget
3. CTRL+F cari code di bawah.

/* Header

Dah jumpa? copy code di bawah dan pastekan dekat atas code yang korang cari tadi.

 #adilla{
background:#f0eeeb;
color:#000;
width:230px;
height:142px;
margin-top:-147px;
padding-left:0.5px;
padding-right:0.5px;
padding-bottom:0.5px;
padding-top:5px;
opacity:.1;
-webkit-transition:all .5s ease-in-out; }
#ck:hover{opacity:.7}

Then preview dulu baru save. eh kalau preview memang takdak lagi. sekarang kita ikut step yang seterusnya.

1.  Dashboard > Design > Add Gadget > HTML/Javascript
2. Copy code di bawah dan pastekan dalam kotak HTML 

<center><img height="142" src="URLIMG" width="230" /><br>
<div id="adilla"><br>
AYATKORANG</div><br>

NOTES
PINK : Background hover.
RED : Tinggi & Lebar hover.
PURPLE : URL image yang korang nak, tak tau nak cari ? Cari SINI
BLUE :  Ayat korang k. contoh, nama, umur dan....

Comment kalau menjadi. :D

---

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!

---