How to Highlight your code in website HTML / blogger with simple way tutorial based on screenshots

Now i want highlight this code

" %windir%\SysWOW64\odbcad32.exe "

So when i am creating new post ,it might be like this

then goto html section

Now we can search our code

and add this code

       

<pre style=" font-family: Tahoma, Verdana, Segoe, sans-serif;
color: black; font-size: 10px;
 background-color: #eeeeee;
border: 1px dashed #999999; 

 line-height: 12px;padding: 4px;
 overflow: auto;  width: 100%;
">       

///////////////////////your code ///////////////////////////////////////////
        
    </code>
</pre>

Now i coded as seen in  screenshot ,then i got like this

       

%windir%\SysWOW64\odbcad32.exe   

Now we explain this through two screenshot :-)
Screenshot 1

Screenshot 2

******************************************************************************
Tags:
syntax+highlighting+Code+formatting+SyntaxHighlighter+for+blogger .
Easy+Code+Syntax+Highlight+on+Blogger .
How+highlight+code+in+Blogger?
Add+Syntax+Highlighter+to+Blogger+ Simple+Blogger+Tutorials