Tech Million

Sunday, March 22, 2009

Display Scripts and css codes Between Blogger Posts



by Tech Million 0 comments


Have you tried using scripts in blogger posts.If not you can check by posting it as they are not visible in posts.
But now you can post these scripts with css codes in to the blogger posts.

For these scripts to display :

Just Follow These 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 Tab.

Step 2 : Add This CSS code above this ]]></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 speical Script ( CSS code , Scripts , etc ) within this div section .

<div class="codeview">

Insert the Special code here

</div>


You can edit these red lines in code to change the layout of this code review box.


*Note:-Before Posting the script in posts just make it friendly
by putting it here and then publish it between the posts.


Related Posts By Categories

Comments 0 comments

Recent Posts

Popular Tags


Find Us On

DeliciousRedditTechnoratiDiggStumble Upon
My Stats