Blogger9:- Html and javascript code posting background style1 for your blogger blog. 0

| | , ,

Hello friends if your blog about coding tricks and you post html javascript and many other code you can design your code post background with many effect here i am posting style1 tricks for your coding background.





Follow simple giving below step to adding this effect in your code post---->>>>>

* 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 easily now.

* Copy below code and paste before  ]]></b:skin>



/* this trick by www.blogger9.com*/
/*Anil code */
.code{
border: rgb(79,129,189) 1px solid;
background-color:#efefef;
padding: 3px;
min-width: 98%;
background-image:url(http://santabanta.mywapblog.com/files/copy-of-post-code.png);
background-repeat:no-repeat;
background-position:bottom right;
padding-bottom:32px;
}
.code div{
border: rgb(79,129,189) 1px dotted;
background-color:#fff;
overflow: auto;
padding: 3px;
}
.code p{
color:rgb(79,129,189);
font-weight:bold;
}
.codes{
border: rgb(79,129,189) 1px dotted;
background-color:#efefef;
padding: 3px;
min-width: 98%;
background-image:url(http://santabanta.mywapblog.com/files/copy-of-post-code.png);
background-repeat:no-repeat;
background-position:bottom right;
padding-bottom:32px;
}
.codeb9{
border: rgb(79,129,189) 1px dotted;
background-color:#efefef;
padding: 3px;
min-width: 98%;
}

* Now save your blogger template now.

* Now post your code as below code ---->>>>

<div class='codeb9'>//YOUR CODE  HERE</div>


For e.g. if you are writing <html></html>, you need to write it as---->>>>>

<html></html>

* Now post your code and enjoy this tip .

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Blogger9:- Html and javascript code posting background style1 for your blogger blog. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories