Tutorial : Cute blockquote for new template interface

Assalamualaikum. Mesti korang jealous tengok sheera punya blockquote macam ni kan

haiiiii. nama saya sheera nubies :)

haaaaa, nak tau tak macam mana nak buat?
okay korang ikut ni tau tau :)

Template  Edit HTML Format Template

then carik

.post body {

haaa, dah jumpa? kalau dah jumpa, copy code kat bawah then paste kat ATAS code yg jumpa ni tadi. okay?

.post blockquote {
text-align: center;
background-color: FF6699;
border-left: 2px dashed #66CCCC;
border-right: 2px dashed #66CCCC;
border-bottom: 2px dashed #66CCCC;
border-top: 2px dashed #66CCCC;
padding: 9px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
blockquote:hover {
background-color: #FF6699;
-webkit-transition-duration: 3.5s;
background-image:url(  http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic014demoji_12056299decoojp.gif);
background-position:bottom right;
background-repeat:no-repeat;
}
margin: 0em 10px;
}
.post blockquote p {
margin: .75em 0;
}

oren: korang boleh tuka dotted, dashed, solid dan blablabla ikut korang

merah: korang boleh pilih nak warna apa kat sini

purple: ikut korang nak letak background apa 

ni jeee yang sheera jumpa. harap membantu

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic013demoji_416577decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic005demoji_18140524decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic001demoji_8517130decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic011demoji_671878decoojp.gif 

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic009demoji_19040781decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic014demoji_12056299decoojp.gif