Tuto : Kotak blockquote bershadow bila cursor menyentuh


.Assalamualaikum !

Oukee ...jom blaja...Macam mana nak buat blockquote kita ada shadow bila cursor menyentuh ? Kalau nak tahu , macam mana ikot step !

 


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


=SELAMAT MENCUBA!= 
 

linkwithin

Related Posts Plugin for WordPress, Blogger...