Add a Professional Roseic Style Blockquote in Blogger

Share On Google+Add This To DeliciousTweet/ReTweet ThisShare on FacebookStumbleUpon ThisDigg This

We frequently use block quotes in the blogger and it's a very good feature given by blogger be'coz if we want to make our text different in the blogger post then we can use that blockquote. In the starting period of time when blogger introduced the blockquote feature then it's very simple looking but now in these days we can easily customize it according to us, so our team has a new and very professional looking blockquote style for you all, we named it as Roseic Style Blockquote.

Live Demo

Add Roseic Style Blockquote

• Login to Blogger > Dashborad
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed > Expand Widget Templates
• Press Ctrl + F and search the code shown below.

 ]]></b:skin>

• Paste below code before ]]></b:skin>

 .wg-blockq {
border-left: 6px solid;
border-radius: 20px 0px 20px 0px;
box-shadow: 0pt 0pt 14px #ABABAB;
padding: 8px 9px;
}

.rose-block {
background: none repeat scroll 0 0 #FFFDF1;
border: 2px solid #DAA926;
border-radius: 20px 0px 20px 0px;
padding: 7px 9px;
}

• Save your template.

How to add it in post....?

• Go to Post > HTML
• Paste below code in it.

<div class="wg-blockq"><div class="rose-block">Write Your Codes Here</div></div>

• That's all with it.
• Enjoy your new blockquote.

Make Changes....!

• Replace Write Your Codes Here it with your own code.

If Any Problem Comes, Ask in Comments