frontendgeek

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 .

<div class="web">

  <p class="css">Misquotations are the only quotations that are never misquoted.</p>
  <p class="author">Ahmed Al-ajmi</p>

  </div>

Are you using Blogger like me, want to write your own great tutorials with Xhtml, Css etc …  .and trying many blugins 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.Whith one line of css code you can put your code properly .

with simple code 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.Just 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; 
	}
	

This is a temporary post that was not deleted. Please delete this manually. (df4e77ad-a537-43aa-97f2-d813bea2374c - 3bfe001a-32de-4114-a6b4-4005b770f6d7)