stylish blockquotes CSS Example for blog

A blockquote is a XHTML tag which is mainly use in an article for enhance view. The Basic use of Blockquote in article is when any blog author want to post a thought or paragraph or sentence from another website or resources or author, where the text will be posted in voice of a different website owner or author and that's call blockquotes.

It's a very easy task to add or stylish blockquotes with CSS to your blog post. you can add blockquotes in form of HTML and CSS . Here I will provide you Stylish CSS Blockquotes code Example for your blog or website.

This is a demo Blockquotes Sentences.

Step by step Guide about how to customize Blockquote with use of CSS for your blogspot blog or website.

Log in to your Blogger.com account and sign in with your username and password.
Go to "Templates" >>Edit HTML button
Find the code:- ]]></b:skin>

just above paste the below code

.post blockquote {
margin : 0 20px;
padding: 10px 20px 25px 20px;
background : #D9FDB5;
font-size: 14px;
font-family: "Trebuchet MS",sans-serif;
font-weight: bold;
color : #000000;
border: 5px dashed #fff;
}
.post blockquote p {
margin: 0;
padding-top:10px;
}