How to Display HTML, CSS, JAVA Codes and Scripts in My Blogger Blog Posts

How to Display HTML, CSS, JAVA Codes and Scripts in Your Blogger Blog Posts? Normally when you insert some code with HTML tags in your blogger post editor, it will be executed and the result will be shown instead of code. If you want to show some piece of code in your post to your readers then follow these simple steps.

 
1. Login to Blogger Dashboard 

2. Then choose Design --> Edit HTML 



3. Don't forget to backup your template first. 

4. Chose Proceed to start editing the HTML code. 

5. Check the "Expand Widget Templates" box. 

6. Now (Ctrl+F) and find out  ]]></b:skin>  code.

7. Now copy below code and paste it before ]]></b:skin> tag 

.sr-site {
background-color: #E5E5FF;
border: 2px solid #B2D3E2;
clear: both;
color: black;
font-weight:normal;
font-size:11px;
font-family: Tahoma, "Courier New", "MS Sans Serif", sans-serif, serif;
list-style-type: none;
margin: 5px;
padding: 10px;
}

8. Whenever you create new posts just include the special Script ( CSS code , Scripts , etc ) within this div section .

<div class="sr-site">
Insert the Special code here
</div>

That it. If you have any problem to implement this hack, feel free to post a comment, I will help you. 
Note: Some template this code can't work if you put above  ]]></b:skin>  tag thats time you need to add it before </head> tag.