How To Show HTML,Javascript Code In Blogger Posts

Add This To Del.icio.us Tweet/ReTweet This Share on Facebook StumbleUpon This Add to Technorati Digg This

I think its very important post for beginners.When you wish to write some tutorials that relate with coding you have to mention codes in your blogger post
.Please read the full tutorial you will understand

Login to your blogger dashboard and go to Design > Edit HTML

Press CTRL+F and find the following code

]]></b:skin>


Now paste the following code after it

pre
{
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

Your work is finished

Now go to type post and provide your code in the following format

that's mean you have to use < pre >HTMl tag


<pre>YOUR CODE </pre>

After this you can publish your post with code and see result

Now you can shoe HTML/javascript code like big bloggers

Tweet

I think its very important post for beginners.When you wish to write some tutorials that relate with coding you have to mention codes in your blogger post .Please read the full tutorial you will understand Login to your blogger dashboard and go to Design > Edit HTML Press CTRL+F and find the following code ]]></b:skin> Now paste the following code after it pre { background:#efefef; border:1px solid #A6B0BF; font-size:120%; line-height:100%; overflow:auto; padding:10px; color:#000000 } pre:hover { border:1px solid #efefef; } code { font-size:120%; text-align:left; margin:0;padding:0; color: #000000;} .clear { clear:both; overflow:hidden; } Your work is finished Now go to type post and provide your code in the following format that's mean you have to use < pre >HTMl tag <pre>YOUR CODE </pre> After this you can publish your post with code and see result Now you can shoe HTML/javascript code like big bloggers