How to Show HTML/CSS/Java Script codes in a separate box in blogger post:

If you want to show your HTML or any other code on separate box in blogger post you have to add some CSS code to your blog template

This article helps you to show HTML/CSS/Java Script codes in a separate box in blogger post

Step 1: Login to your blogger

rhchatStep 2: Go to Blogger template

html3Step 3: Click on Edit HTML

htmlsepbxStep 4: Search for ]]<>/b:skin>  code in your template

htmlsepbx1Step 5: Copy the below source code and paste it before ]]<>/b:skin>

.how2doit{

margin :10px;

padding :6px;

background : #CEF6EC;;

height :150px;

border : 1px Solid #81F7D8

overflow:auto;text-align:lefy;

}

htmlsepbx2Click on save template

Step 6: If you want to insert any code in your post always write your source code in between

<div class = “how2doit”>source code</div>

Ex:

Go to your post editor write below code

<div>

<ul>

&lt;ul&gt;

&lt;li&gt;&lt;a href=”/search/label/How To Blog”&gt;How To Blog&lt;/a&gt;  &lt;/li&gt;

&lt;li&gt;&lt;a href=”/search/label/How%20to%20Make “&gt;How To Cook&lt;/a&gt;  &lt;/li&gt;

&lt;/ul&gt;

</ul>

</div>

Step 7:  Publish your post and see the result

htmlsepbx4Done

Enjoy 🙂

Thank you for visiting how2doit.in.  If you find any mistakes help us by leaving a comment.