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 Pink : Warna Background Selepas Cursor Menyentuh Blockquote 

TEKAN SINI UTK KOD

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

TEKAN SINI UNTUK KOD

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!!♥♥

---