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;
}


save your Templates....
Also visit our recent blogger widget :-
Youtube channel Subscribe button for blog and website
Email Subscription box Multi color | Blogger Widget| Feedburner
Create Contact Form for blogger using google Docs
Blogger External Link Open In a New tab or window
How to Insert HTML Code to your blog post as text

Post a Comment

 
Top