How to format code in Blogger

bloggerformatting

I am writing one article on Blogger, There I am unable to format code. The code I am writing is looking like simple text.
The site name https://www.blogger.com/
I am using <div class="yourClassName"> code here </div> tag to show formatted code, which is giving below output

Using:

enter image description here

output:
enter image description here

How can I show code in proper way

Best Answer

In Blogger's Post-editor, make sure that you have selected Show HTML literally under the Options > Compose-mode sidebar:

enter image description here