How To Display Scripts And Codes In Blogger Posts

Posted by Anonymous on 10/17/2011

Many of the bloggers , have more experience in blogging . They may creating many templates , widgets etc..
But some of them Don't know how to display the html codes in the blogger posts . When we want to show some html codes on blog post , we must need some thing to Mention the html codes . Adding html codes in the blogger post is an great doubt for some bloggers . So , now I'm gonna tell you how to display the html codes in the blogger posts .

First go to blogger Dashboard
Design----> Edit html
click on the expand widgets Templates

Now find this code ]]></b:skin>
Once you have find the code , paste this below code above ]]></b:skin>

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://img17.imageshack.us/img17/5162/codeview.gif) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #FFFFFF;
font-weight : normal;
margin : 0;
padding : 0;
}

Now save the template. You all might ask now how to add the html codes now in the post ? while writing the post go to the html tab and type <div class="codeview">
and next to that line put your html code , after entering the html code , go to the next line and type </div>
That's it now you can post html codes in the blogger posts!
If you have any doubts , post as a comment below