blockquote part III

sebelum

 

 selepas hover

first:\

Dashboard > Design > Edit HTML > tick Expand Widget Templates > ctrl F dan cari kod .post blockquote {

second:/

kalau ad kod kat bawah .post blockquote { so korang kena buang dulu ye

third:/

copy code bawah ni >

background:url(URL BACKGROUND);

padding: 5px;border-top:9px solid #929091;

color: #6B0B6B;

}

fourth:/

paste code atas ni di bawah code .post blockquote { yang korang cari tadi

sekarang untuk hover blockquote pulak...

fifth:/

copy code ni >

.post blockquote:hover {

border-top:9px solid #FFB3D3;

-moz-box-shadow: 0 0 10px #FF7AB2 ;

-webkit-box-shadow: 0 0 18px #FF71AD;}

}

sixth:/

paste dekat bawah code di step third:/ ook

seventh:/

preview dulu ...kalau dah puas hati dan menjadi baru save ... nanti tak pasal2 frust tergolek-golek ... :P

CODE :

URL background yang korang suka

ketebalan border korang, makin kecik nombor makin nipis boder

ni tukar kepada dashed or dotted or solid

warna shadow untuk boder

ni sebenarnya tak de fungsi pon..takkan tukar warna pun 

warna border

selamat mencuba !!