Blockquote like me


Hai , lama dah tak buat tuto hehe . Boring boring buatlah tuto . Ok tuto ni dimintak oleh nadia . credit to kat kak amylia



1.Design-Edit HTML-Tick expand widgets template
2.Tekan CTRL+F dan copy code bawah ni
.post blockquote {
 3.Dah jumpa code tu? Copy pulak code ni di bawah .post blockquote tadi

background-image: url(URL IMAGE BACKGROUND);
border:1px solid #f3e2a9;
border-left:10pt double #f3e2a9;
padding: 4px; border-bottom-left-radius: 10px; border-top-left-radius: 10px;
}
 .post blockquote:hover {
 background-color: #ecfcec;
-webkit-transition-duration: 2.5s;
 background-image:url(CUTE ICON);
 background-position:bottom right;
 background-repeat:no-repeat;
 border:1px dashed #f3e2a9;
 border-right:10pt double #f3e2a9;
 }
.post blockquote p {
margin: .75em 0;
 }
red : image background for your blockquote. you can find it here
blue : your blockquote hover background colour
green : your blockquote hover border colour
orange : blockquote border colour before hover
purple : you can find it here
color code : here