Latest Movie :

COOL ADD A PROFESSIONAL ROSEIC STYLE BLOCKQUOTE IN BLOGGER



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.






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.

We have great collection of Best tricks and tutorials, Bloggingtrainings.blogpsot.com is a Blog Providing with Blogger widgets, help, blogger tips, blogger tricks, hacks, Blogger Gadgets,Plugins and Blogger resources with great skills and templates.practical SEO Tips and all things Blogging,is about Blog tricks & tips, Traffic generation, Backlinks, Search engine optimization, Web designing, E money, Social media, Facebook tricks,Blogging Discussion, Tips & Tricks,logging tips, tricks, how-tos, news, tools and resources, bloggingtrainings.blogspot presented in easy to understand tutorials.Keep visiting us if any links is not working or you want sme more help, then keep looging at bloggingtrainings.blogspot.com.or contact us 0323-7591466.

Share this article :

Post a Comment

PLEASE DON'T PLACE BULK MESSAGE , FOR ADVERTISING!

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Blogging Trainings - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger