tutorial :Blockquote

assalamualaikum :)

okayy.. aku nak wat tutorial cm ne nak wat kotak blockquote cm aku pnye nie.. bila cursor korang menyentuh blockquote blog aku dye akan bertukar jd background yang laen.. act aku copy je tutorial niey kt microsoft word , link tutorial sebena aku tak save pun.. haha.. okayy. mari kita mulakan..



mcam biasalah pergi Dashboard < Design < Edit Html
then tkan (ctrl+f) and carik code nie


.post blockquote {

okayy.kalau da jumpe tambahkan code nie kat BAWAH code tu



background: url(URL background);

border-top: 1px dashed #000000;
border-left: 1px dashed #000000;
border-right: 1px dashed #000000;
border-bottom: 1px dashed #000000;


korang  find ( ctrl + f ) code dibawah :


]]>

kalau dah jumpe korang pastekan code nie sebelum code ]]> 



blockquote {

margin: 0 20px;
padding: 20px 70px 20px 20px;
}

blockquote:hover {
background: url(URL BACKGROUND) repeat ;
}

blockquote p {
margin: 0;
padding-top:10px;
}



warna kuning tuh korang tuka je warna ikot kesukaan korang tw

preview dulu , kalau da jadi tuh korang SAVE je lah kayh..  korang boleh tukakan background tuh jd warna ikot kesukaaan korang ..tuka code background: url(URL BACKGROUND) repeat ; 
background:#000000;


kalau ta jadi roger2 lah kayh.. selamat mencuba :)

byebye.. :)



Iloveyou :)

0 budak cute: