How to Show HTML, Javascript code in blog

This is a very important topic for all bloggers, When i started blogging i don't know such stuff.
Whenever i try to post any tutorial to show HTML codes it get generated and really i searched so many times in google, Then after some months i get to know this important trick. Read the tutorial and if you like it then comment and share.


                         

• Go to Blogger Account
• Template->Edit HTML [Click Proceed]
• 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;
}

Now you are done just remember to type code in following Format

               <pre>YOUR CODE </pre>