how to create stylish blockquotes in your blogger blog or wordpress blog

It is always best to showcase your important points in the blog post within blockquotes.The blogger templates donot give such a stylish stylesheet to have an impressive blockquote.But dont worry it will just take you 10 seconds to do the process of forming a stylish impressive blockquote in the blog template .

After you make the changes in the blogger template this is what will happen everytime you use a blockquote :

This is an example of a blockquote.Stylish isnt it ? so bookmark this blog :)

Here is the procedure to add stylish blockquotes to the blogger template :

 

 

blockquote { font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;

width: 340px;

background: url('http://i251.photobucket.com/albums/gg285/itcoll/close-quote.gif') no-repeat right bottom;

text-indent: -18px; }

 

blockquote:first-letter { background: url('http://i251.photobucket.com/albums/gg285/itcoll/open-quote.gif') no-repeat; padding-left: 18px;

font: italic 1.4em Georgia, "Times New Roman", Times, serif;

}

 

 

Just add the above lines under this line in your blogger template :

‘ <style type=’text/css' > ’

To find this line you may go to the blogger "edit html" page and then press 'ctrl+f' and search for the following string :"style" .

After knowing its location just add those lines [ indicated yellowish ] under that location in your template .

here is the screenshot showing you what i mean :

 

NOTE : please backup your blog before doing any changes to the blogger template

see you soon guys :)