Post your HTML/javascript code with special style background. 0

| | , ,

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.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Post your HTML/javascript code with special style background. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories