Tutorial : Kotak Blockquote Ber-Shadow Bila Cursor Menyentuh

Cantik tak blockQuote di atas tuh ? bershadow~~ .. hakhak .. nak buat jugaak ? ikut je step kat bwah ni ..

1. Log in>Dashboard>Design>edit Html ..

@Log in>Dashboard>Template

2.tekan F3 , atau Ctrl F serentak .. and cari kod ni ,

blockquote:hover {

3. ada takk ?? kalau tak ada , cari pula kod yang di bawah ni ..

.post blockquote {

4.ad jumpa tak antara dua kod tuuh ? :) . Kalau jumpa kod di nombor 3 , tak jumpe kod yang ke2 , paste kan kod yang ke2 tu , dibawah kod ke3 .. faham tak nni ?? hhe ..

5.Then , Paste kan dibawah 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. dah ?? try preview dulu .. kalau tak ada error , save lah trus .. :) .. tapi kalau ada erorr , maybe ada yang saalah .. cek balik .. ouhkey !

selamat mencuba !

credit to : kak lisa