Tutorial : Kotak Blockquote Ber-Shadow Bila Cursor Menyentuh

Assalamualaikum!!

Whatappszzz2x!!!

Aishh...nak cantekkan blockquote yang macam ade shadow2..tapi tak tau acane codingnye..otey2!dont fening2 yeahh..arini acik nak kongsikan sedikit ilmu kepada kamu semua..mari kite mulekan tutorial sekarang..

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 { atau .post blockquote:hover{

4. Kemudian pastekan jer di bawah kod yang korang cari tadi 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 ;
    }

5.tulisan BIRU warna border,MERAH plak warna shadow u allzz..boley tukar mengikut citarase..

6. Then , korang tekan PREVIEW dulu . Kalau tak de error , boleh lah korang SAVE . Kalau ada ERROR jugak . Cekk semula kat mana kesilapannya..

7. SAVE bila semuanya dah siap !