how to display html or java script on blogger

In the early stages of my blogging career, I lacked any practical understanding of how codes operate in the Blogger post editor.

The difficulty I had in posting my codes was one of the biggest issues I had. The issue was relatively easy to solve.

In order to complete my coding tutorials, I had to share both JavaScript and HTML codes. However, every time I enter a code into a post, Blogger begins to interpret it.

I tried to use the Show HTML Literally option in the Blogger post settings, but I was unsuccessful.

As a result, I was compelled to display the codes as graphics rather than in words. I was aware that the readers wouldn't have a pleasant reading experience.

As a result, I started exploring for a method of literally displaying the HTML and JavaScript code.

display code on blog with two method,

1. convert your code to escape code and

 2. paste in your blog in html view 

first login to your blog choose new post to display code 

click link given below  follow figure

Source Code Formatter for Blogger, Blogspot , Blog & Blogging, Format Formatting Tool

change code by click format source code

after then back to your blog to new post and choose html view for paste carry code 

then you will see below figure code

now your code is ready for showing on your blog

Thanks