Tutorial - Kotak Blockquote Ber-Shadow Bila Cursor Menyentuh

 

1. Log in >> Dashboard >> Design >> Edit HTML >> Tick Expand Widget

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 korangg memang tak de lah tuu . Kalau jumpa kod di nombor 3 , paste kan kod di nombor 2 di bawah kod no 3.

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 . Tengokk betul-betul kod , di mana silapnya okeyy ?

7. Dahh siap , terus Save !