Friday, April 17, 2009

How To Post HTML Scripts In Blogger

You might of tried several times trying to add HTML scripts in your posts in blogger and might of had errors in it . Whenever you want to display a Particular Code in a blog post this Guide will help you.


This is How Scripts Will look like





Just Follow This steps to add this " Post Styling Hack " to your Blog .

Step 1 :

Login to your Blogger account and navigate to Layout section . Then go to Edit Html subtab .


Step 2 : Add This CSS code above this line
]]></b:skin>


.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
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 : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}


Step 3 :

Whenever you create new posts just include the special Script ( CSS code , Scripts , etc ) within this div section .

<div class="codeview">

Insert the Special code here

</div>

If you have any problems regarding this post here.




If you enjoyed this post, make sure you Subscribe to the Blog to receive new posts in a reader or via email.
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments: on "How To Post HTML Scripts In Blogger"

Post a Comment