Blockquote before after css

Blockquote before after css. Wah, judulnya pakai bahasa inggris:=}
Blockquote adalah sebuah atau beberapa kutipan panjang dan atau kutipan pendek yang terdapat pada artikel. Bermacam-macam gaya para pemilik website / blog dalam menampilkan Blockquote. dan pada posting kali ini saya mencoba membuat posting tentang Blockquote before after css, maksudnya disini adalah apa ya maksudnya? maksudnya pada kode css ada Blockquote before dan Blockquote after-nya
Cara menambahkan kode css tersebut adalah ;
- Login ke blogger
- Template > edit html
- cari kode :

.post-body blockquote

- ganti kode tersebut dengan kode :

.post-body blockquote {
padding-top: 1px;
overflow: hidden;
font-size: 15px;
font-style:italic;
line-height: 17px;
padding-bottom:6px;
color: #3e3e3e;
}
.post-body blockquote:before {
display: block;
float: left;
margin: 5px 10px 0 0;
font-size: 50px;
content: open-quote;
color: #bababa;
text-shadow: 0 2px 2px #646464;
}
.post-body blockquote:after {
content: none;
}

D E M O