Posted by Prakash timilsina Friday, January 8, 2010

Share
I have got a nice trick to write the codes in the blog..
if you want to write < then write &lt;  and if you want to write > then write &gt;
Code decoration



If u want to put like this type of background in the codes then you have to perform the simple trick
Goto Blogger.com > Layout > Edit HTML
Now find

]]>

Now paste the below code just above that


/*code*/
div.code {
border : 2px solid #99cc66;
padding-top:-10px;
padding-left:25px;
margin:0 0 0 0;
line-height:15px;
border:dotted thin #008800;
font-size:13px;
color:#FF0000;
background : #fff url(http://i39.tinypic.com/a47lat.jpg) no-repeat left top;
}
coder {
border: 1px solid #ccc;
display:block;
padding: 4px 4px 5px 4px;
margin: 5px 0px 5px 4px;
font-family:"Courier New", Courier, mono;
overflow: auto;
text-align:left;
width: 480px;
}
thats it,
now if u want to publish any post with the codes then just add this tag just before the code
<div class="code">
Your Codes Here
</div>

0 comments

    v
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Goto Top