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>