Sunday, 26 August 2012

Html and javascript code posting background style1 for your blogger blog

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 .

No comments:

SJ Network Live Stream

SJ Network Daily Motion Live Stream