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>
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 .
|
0 Responses So Far: