TutorialBlog: Shadow Blockquote Effect When Hover

Assalamualaikum and hi,

 

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

Source: Lyssa

Share your experience down below!