Tutorial blockquote like mine

Salam 1 Malaysia , hari ni hazirah nak buat tutorial cara macam mana nak buat blockquote macam Hazirah . 

Ada seorang blogger ni yang tanya , disebabkan hanya rajin join segmen kesian akak ni dia siap tanya 2 kali lagi tuh . kali kedua tak printscreen ...

blockquote cara saya tu lebih kurang macam nilah :

live preview ,

ni kod asli ok ! jangan nak tuduh bukan-bukan
sebenarnya Hazirah nak cuba buat blockquote macam wana , malangnya selepas re-kod , jadilah macam ni , itupun masih ada yang berkenan . Alhamdulillah (:
senang je sebenarnya :

1 . Dashboard >> Template >> tick expand widget template
2 . tekan F3 >> taip perkataan  blockquote {  atau serupa dengannya
3 . ganti kod yang korang cari dengan kod kat bawah ni :


blockquote{
background:#FFFFFF;
border: 2px solid #E3CEF6;
display:block;
padding:5px;
border-left:7px solid #D8D8D8;
-webkit-transition-duration:0.5s;
}
blockquote:hover{
background:#E3CEF6;
border: 2px solid #ccc;
padding:5px;
border-left:7px solid #ccc;
color:#FFFFFF;
-webkit-transition-duration:0.5s;
}


warna merah tu kod warna , boleh tukar di sini 
warna hijau tu masa dia bertukar warna . s is second
4. preview , like it ? save and done (:


maaflah kalau lagi suka blockquote yg lama . selepas dah buang kesilapan , rasa cantik pulak yang baharu (:
tak menjadi ? klik sini cepat-cepat !
lots of love ,
Hazirah Muslim ♥