::Snow Pink::

Tutorial : Image Hover Text

Nyum nyummy! Sedapnya cupcake tu. Ada sesiapa nak belanjakan nadia tak? Hurm Takde? Sedih! Hey, boleh tak jangan lari dari topik.. Ok. Assalamualaikum. Harini, ada orang req tuto macam mana Nadia buat image hover text tu. Act, mana ada Nadia yang buat. Nadia guna blogskin la. Ish. Ok ok. Nina yang req tuto tu. Tapi.. Tuto tu untuk blogskin je. Tapi dia nak jugak! Erm, ok jangan bebel dan kita mulakan sekarang.

Ops, lupa. hehe. Credits to kak Tieqa! Huhu. Thanks kak Tieqa.!

1) Dashboard > Template.
2) Tekan Ctrl+f serentak dan cari code </style>
3) Copy code di bawah :

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

4) Paste di atas code </style> tadi.
5) Eh kejap kejap! Belum siaplah sayang.. Copy code bawah ni pulak.

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

6) Paste dekat tempat yang korang nak letak hover tu.
7) Preview. Kalau nothing error, save! ^_^

Merah : Background hover
Biru : Tinggi dan lebar hover
Purple : URL gambar
Hijau : Ayat korang

Tu je. :)) Bye, assalamualaikum!