Today we are going to learn how to Display HTML Codes in Blogger Posts.

Now start with CSS, below steps will stylize your HTML Codes and HTML Tutorial to add codes to your blogger Posts. 



CSS

1 : Login to Blogger > Design > Edit HTML

2 : Find the Following Code

]]></b:skin>

3 : Copy and Paste the following Code above it

.pre {
   font-size: 11px;
   margin : 15px 35px 15px 15px;
   padding : 18px;
   padding-left:35px;
   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_R7Qv6bHZwk5anSH0Ss6a0WLO9AC8uiM1jAukSR-dtbSE2K9wR1AVaVcOniQdjFgihRepygp8WNI1lAKJUees3L-8ftm2lx2ccTriPmoCanBg0bgJMTYGLr6-p9czoUZqQNmLIcr4LFo/s1600/pre-bg.gif) repeat-y left top;
}
.pre li {
   line-height : 20px;
   font-weight : normal;
   margin : 0;
   padding : 0;
}

Save Template.


HTML Tutorial

Place your HTML Code between these tags in your blogger Posts

<div class="pre">

	/*--HTML Code Goes Here--*/
	/*--HTML Code Goes Here--*/
	/*--HTML Code Goes Here--*/
	/*--HTML Code Goes Here--*/

</div>

If you have any trouble making it work, drop in your comments.