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

No comments: