How to set style for a blockquote in a post

on Wednesday, 14 November 2012
Here simple step to follow to stylish your blockquote in your blog. For a Blogspot User, follow this guide :

Step By Step to stylist your blockquote

  1. Log in to your blog and go to blogger dashboard
  2. Click on the template and choose customize
  3. click advance
  4. and then paste your CSS code to start stylish your blockquote

Example :

Copy and paste this CSS Code :

blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

and create new post with quote content ...and you will see the different like picture below



0 comments: