Show HTML/CSS Codes On Coloured Background In Blogger Posts

1.Login to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see ]]></b:skin> tag.
3.Now copy below code and paste it before ]]></b:skin> tag.

.csscode { margin : 10px 10px 10px 10px; padding : 5px; clear : both; list-style-type : none; background : #F9F7E8;; border-top : 2px solid #000000; border-right : 2px solid #000000; border-bottom : 2px solid #000000; border-left : 2px solid #000000; }

3.Now copy below code and paste it before ]]></b:skin> tag
4.Now save your template.
5.Now when you want to insert some codes in your posts always put it between <div class="csscode"> and </div> and publish your post.

It will look like this.