Cara buat Cute Blockquote

Tutorial for Blogskin Template
Hai Hallo..aku kembali dengan membawa tutorial.Tutorialnya yaitu tentang blockquote.Mau blockquotemu menjadi tambah lucu dan comel? 

Lebih jelas gambarnya ini
Credit,big thanks to :Kak Diya



 
1.Pergi >> Template
2. CTRL + F dan search kode blockquote {
3.Kemudian,delete kode yang ada kaitan dengan blockquote yang ada di bawah
4.Pastekan kode bawah ini dekat bawah kode  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 di sini
Hijau:Warna blockquote selepas dihalakan cursor.Tukarkan di sini
-Preview dan save