Latest posts

Thursday, 19 March 2009

Display HTML/CSS codes on your blog

I often write some HTML/CSS codes in my posts to display tricks related to blogger. Earlier I used to write HTML/CSS code using blockquote tag in my posts but now I found a useful hack to write these codes on coloured and good looking background. It will give your posts a professional look and your posts will become more readable. It is very easy to use and implement into your blog.

Just follow these simple steps :


Sign in to your blog and go to your Dashboard -> Layout -> Edit HTML


Now copy paste the following code before ]]>



.csscode {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #EEEEEE;;
border-top : 2px solid #AAAAAA;
border-right : 2px solid #AAAAAA;
border-bottom : 2px solid #AAAAAA;
border-left : 2px solid #AAAAAA;
}


Save your template

From now onwards whenever you want to insert some codes in your posts always put it between <div class="csscode"> and </div>








1 reponses:

Social WaterMarks 18 May 2009 at 16:59  

there is a bug which has been spotted here...

remove the double semi-colon from infront of the background tag's color code.

Latest Comments

Mail

Link Exchange

1. watch Arabic Movies
2. Xenu RapidShare Downloads
3. Warez Inc.
4. Disaster RX

To exchange links with us, contact us here






Blog Archive

Users Online

My BlogCatalog BlogRank

Subscribe To Newsletter

Get our Updates in Your Inbox. We will Send You only One Email Every Day.

Enter your email address:

Delivered by World4masti Mail

Or

 Subscribe in a reader

Visit Sources


Site Stats



  © Blogger templates The Professional Template by Ourblogtemplates.com 2008

Back to TOP