Tuesday, September 22, 2009

1 Display Scripts and css codes Between Blogger Posts

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 ]]>

</span></span><span id="fullpost">.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
<span style="color: rgb(255, 0, 0);">border-top : 1px solid #eeeeee;</span>
<span style="color: rgb(255, 0, 0);">border-right : 2px solid #cccccc;</span>
<span style="color: rgb(255, 0, 0);">border-bottom : 2px solid #cccccc;</span>
<span style="color: rgb(255, 0, 0);">border-left : 1px solid #eeeeee;</span>
}
.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;
}</span>

Step 3 :

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



Insert the Special code here



Thx Mohamad rias for this hack.

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

No comments:

Post a Comment