Tutorial : Kotak Blockquote Ber-Shadow Bila Cursor Menyentuh

_>> Assalamualaikum <<_ center="center"> hye semua,, hari ni hyriel nak bagi tuto untuk kotak Blockqoute ber-shadow... kalau korang tak tau ape yang hyriel merepek ni,,, tengok contoh kat bawak ni yer, lepas tu follow step yang hyriel sedia kan ^^,

1. Log in > Dashboard > Design > Edit Html

2. Tekan Ctrl F serentak , dan cari kod ini :

blockquote:hover {

 3. Ada takk ? Kalau tak jumpa , cari kod ini :

.post blockquote {

 4. Kalau dah jumpa bagus . Kalau tak de , maknanya template awak memang tak de lah tuu :)  Kalau jumpa kod di nombor 3 , paste kan kod di nombor 2 di bawah kod no 3 ^^ Paham tak?

5. Then , paste kod ini di bawah kod  blockquote:hover { :

border:2px dashed #000000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
-moz-box-shadow: 0 0 18px #FF3399 ;
-webkit-box-shadow: 0 0 18px #FF3399 ;
    }

 6. Then , korang tekan PREVIEW dulu . Kalau tak de error , boleh lah korang SAVE . Kalau ada ERROR jugak . Lihat betul-betul kod , di mana silapnya okeyy ? :)


7. SAVE bila semuanya dah siap ! ^^v

---

Tinggalkan Komen dan Like : : You are de Best !!

---