Wednesday, December 9, 2009

Add simple Code to Your Blogger Post Tutorials .

Are you using Blogger like me, want to write your own great tutorials with Xhtml, Css, javascript,  … code  .

Trying many plugins and scripts with a huge lines of code and more complexity,

none-readable.  What about the simplicity of code , you have to make your code more simple that readers could understand it.With one line of css code you can put your code properly .

With Simplecode you can put normal XHTML in the markup box  and it will spit out entity-encoded markup suitable for <code> tag ,  you can remove the <code> tags and put the <pre> tag ( ! important ) that  defines preformatted text.Once you get the code put it directly  into your posts .

But before that,  you have to put a simple line of Css into your blog template .Copy and past it .

	pre  { 
padding: 10px;
border: 2px solid #ECECEC;
overflow: auto;
background: #fff url(http://img260.imageshack.us/img260/3792/codebg.png) repeat;
}





Try this trick and if you have any problem with it just let me know .

Post a Comment