Show Mobile Navigation
, ,

Add a Professional Roseic Style Blockquote in Blogger

Hemant Verma - 12:02 PM

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.



If Any Problem Comes, Ask in Comments


5 comments:

  1. Hi I want to know how to make Fund Likes Facebook such a form that the image
    http://store2.up-00.com/Nov12/IPy88849.jpg

    ReplyDelete
  2. @Ashu InsanThank you for this blog
    http://face-alarab.blogspot.com/

    ReplyDelete
  3. i want to put my name on block quot

    ReplyDelete
  4. @MOHAMED TAHSEENWhich Kind of block quote u want to create?
    send me your name which will show on the blockquote.

    ReplyDelete

You may use these HTML tags and attributes: <a href="" title=""> </a> <b> </b><strong> </strong>

 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS