Sunday 26 August 2012

Post your HTML/javascript code with special style background.

Hi if you post HTML/javascript code in your blog you can customize your code posting background easily.
PREVIEW


Follow simple and easy step to adding this effect in your code posting ----->>>>>
* First go to your blogger Dashboard.
* Now click in design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code
]]</b:skin> by CTRL+F key.
* Copy below code and paste before
]]</b:skin>
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://santabanta.mywapblog.com/files/cv.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 : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
* Now click to save your blogger Template.
* Now  Go to new post  and you post your code as below.
<div class="codeview">
YOUR HTML/JAVASCRIPT CODE HERE
</div>
* Now click to publish your blogger post
you can see effect in your code postin in your post.

No comments: