Stylify and Spice up your Blockquote in Blogger- Quick Tip

Hello guys, Blockquote is a piece of HTML and CSS coding in a post which gives a smooth and different look to a specific text as Author like. The default Blogger Template blockquote is ugly and does not give any spicy and professional look. In this post, I will show you how you can style and give your Blogger Template blockquote a PRO look!

How To Customize Blockquote?

 - Go to Blogger > Template > Edit Template > And search for /b:skin
 - Paste the following code just above it:

.post-body blockquote {
-moz-transition:background-color 1s;
-ms-transition:background-color 1s;
-o-transition:background-color 1s;
-webkit-transition:background-color 1s;
background-color:#eee;
border:2px solid #ccc;
border-radius:10px;
box-shadow:0 0 10px #aaa;
color:#222;
font:italic 15px Georgia;
margin:5px;
padding:10px;
transition:background-color 1s
}
.post-body blockquote:hover {
background-color:#222;
color:#ddd;
font:15px Georgia
}
.post-body blockquote:active {
border-radius:20px;
color:#fff
}

 - Save your template! Done :)

I hope you might liked my style, but if you did not then you can customize this blockquote style as your taste. Smile :)