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