Tutorial Blockquote Comel di Blogskin

Hey hey there!!Kali ni jom kita tukarkan blockquote kita kepada yang lebih comel nak??
sebelum dihalakan cursor

sebelum dihalakan cursor
1.Pergi >> Template

2.Then serentak tekan CTRL + F dan search kod  blockquote {


3.Kemudian,delete kod yang ada kaitan ngan blockquote kat bawah dia


4.Pastekan kod bawah ni dekat bawah kod  blockquote {



-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms;
color:#000000;
font:12px Verdana;
padding:5px;
border-right:5px #FAAFBE solid;
border-left:5px #FAAFBE solid;
text-align:left;
opacity:1;
}
blockquote:hover {
background:#FDEEF4;
text-align:center;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 350ms;
color:#000000;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
border-right:4px #C38EC7 solid;
border-left:4px #C38EC7 solid;
}


Merah : Warna sisi blockquote sebelum dihalakan cursor.Tukarkan kat sini ye
Hijau:Warna blockquote selepas dihalakan cursor.Tukarkan kat sini ye

-Preview dan save

10 comments:

What do you think? Leave a comment :)