Customize Quote Box for Bloggers

So today we are going to describe how to add Customize Quote Box in Bloggers which is an amazing customization for your blog and give cool look to you blog. Also We got lot of emails and feedback from buddy viewers to Share this customization so here it is now.

So Lets begin with taking backup of your template .

• Go to Dashboard >> Template >> Click Backup/Restore Button and Download Full backup of template.

How To Customize Quote Box for Blogger

• Now Go To >> Template >> Edit Html

 Find ]]></b:skin> and before / above  this past the following Code

.post blockquote {-webkit-box-shadow: rgb(221, 221, 221) 4px 4px 4px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI9ZW3x_Wbov4fwnrJ96jnASLrdRsHbBjXKXbsehknkVYlL_9jgTwt6RsOYx2nuDgRI7Zh2wjQM195II4hlsWY5E3HI6Sl51yoZi-IB-Iwc8b83fXIEeE-hGbyuVCw31kKMEPpFPKLfanG/h120/b.jpg); background-position: 0% 0%; background-repeat: no-repeat repeat; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-color: rgb(221, 221, 221) rgb(102, 102, 102) rgb(102, 102, 102) rgb(221, 221, 221); border-style: solid; border-top-left-radius: 6px; border-top-right-radius: 6px; border-width: 1px; color: black; font-family: Consolas, 'Courier New', Monaco, Courier, monospace; line-height: 18px; margin: 0px 20px; overflow: hidden; padding: 10px 20px 10px 45px;}
}

After Pasting this code Save your template and Got To >> New Post and create an Test Post to check if this customization work on your blog.

How To Check ?

Wite some thing in Post and select it and click on Quote Button  and after it Publish your post and see if the it works.

If You got any issues regarding to this kindly leave a comment and we will try to solve it as soon as possible.

Get paid to share your links!