Hover Blockquote (Cute Icon Muncul Bila Cursor Meyentuh)

hye...Selamat malam sume...
Sblum tido..Cik Permata nk wat tutor ckit...
Nak tambah eksesori pde kotak blockquote..

Ape tuh???Hah....

Bila cursor sentuh blockquote , 
akan keluar cute icon yang comey tomey...hehehee...
xpham???hah...wat dulu tutor neh....Tiapkali korang cuit kotak blockquote cik permata...
Baru la korang akan pham kan????

1. Log in > Dashboard > Design > Edit Html

2. Tekan Ctrl F serentak , dan cari :
.post blockquote {
3. Dah jumpa kan ? Korang Copy yang ini pulak :
blockquote:hover {
background-color: #FFC8F2;
-webkit-transition-duration: 3.5s;
background-image:url(URL GAMBAR KORANG);
background-position:bottom right;
background-repeat:no-repeat;
}
4. Paste di bahagian bawah kod yang korang carikan tu...Contohnye....

NOTE CIK PERMATA:


Warna PinkWarna Background Selepas Cursor Menyentuh Blockquote 
URL GAMBAR KORANG  : URL picture Yang Akan Muncul Selepas Cursor Menyentuh Blockquote.

5.Preview eh..Klu xde msalah..save jela...

Kalu malas..leh amek je URL kat bawah eh....



http://dl8.glitter-graphics.net/pub/39/39368n1b2x3prdz.gif
http://dl9.glitter-graphics.net/pub/679/679789gs2dqrx3bd.gif
http://dl6.glitter-graphics.net/pub/584/584776qvkek99ty3.gif
http://dl9.glitter-graphics.net/pub/244/244519cj7iewvdtg.gif

http://dl4.glitter-graphics.net/pub/772/772194zn1mdfi11c.gif


Sumber: lyssa Faizureen


P/s: Dah Daftar CHURP_CHURP ke Belum???Klu Lum..KLIK SINI yer..Leh tambah wet sambil Berblog....

♥♥Suke Entry neh?Komen Byk2 Dan Klik Button Donate Yer!!♥♥

0 Doakan Cik Permata:

LinkWithin

Related Posts Plugin for WordPress, Blogger...