Membuat blockquote keren dengan css

Membuat blockquote keren dengan css. Blockquote adalah sebuah kutipan panjang yang diformat sedemikian rupa sehingga berbeda dengan teks utama pada halaman blog. Perbedaan teks tersebut diantaranya miring, melengkung, menggunakan jenis huruf yang berbeda maupun kombinasi dari semuanya. Kira-kira seperti itulah definisinya:-)
Pada blogspot, kita juga dapat melakukan setting blogcqute denan cara menambahkan css dihalaman template edit html.
Harus edit template sepertinya ya. Pusing ah
Jangan pusing, caranya gampang saja.
- Login ke blogger
- Template
- Edit html
- Cari kode ]]></b:skin>
- Tambahkan css blogcquote yang diinginkan.
Berikut ini ada beberapa pilihan kode css blogquote:

blockquote:after {
background-image: url('http://i.imgur.com/m3HnqqU.png');
bottom: 1px;
right: 1px;
}
blockquote:before {
background-image: url('http://i.imgur.com/uoHCjSK.png');
top: 1px;
left: 1px;
}
blockquote:before, blockquote:after {
position: absolute;
width: 47px;
height: 47px;
content: ".";
font-size: 0px;
}

blockquote { margin : 0 20px; padding: 61px 31px 41px 21px; background : yellow url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIQewD-CrfuN7mhzzcwdFpYOHQ7Q5yZNfcEP8d7LssZV_P1XHVPMeBehXsBgoNFb1dSk5zUBWftBqwBXaV-cS75C2BbZ3WN0MDBhiRG2328QidYq5WEffzhlHQPX_9-4Z8BfCNY72P5JY/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 9px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }

lain kali disambung ya