I want to add a code viewer in Google Blogger like in image given below. How can I add it please help.
Hilite.me is a good quick way. Copy/paste the HTML code then into your blog post. You might need to switch from Compose View to HTML View.
Alternatively I like to copy/paste from my code editor Visual Studio Code. (no need to switch to HTML View) This will take over the coloring/ syntax highlighting from your editor. It might work as well with other Editors.
If I have bigger portion of code, I like to create a public gist and paste the embed HTML code in the HTML code of the blog.