Let Us Start The Topic:

• First go to Blogger and then Sign-in


• Go to your Dashboard--Layout(Design)--Edit Html

--Note: Download your existing template Before you save changes in the template

.csscode {

margin : 15px 35px 15px 15px;

padding : 10px;

clear : both;

list-style-type : none;

background : #EEEEEE;;

border-top : 2px solid #AAAAAA;

border-right : 2px solid #AAAAAA;

border-bottom : 2px solid #AAAAAA;

border-left : 2px solid #AAAAAA;

}

For More Info you Can See How To Add The Code In The Below Image:

• Now save you template to make the changes apply

From Now whenever you like to add a code in your post just add the code between

<div class=”csscode”> and </div> like these as Shown below:

<div>

HTML Code Here

</div>

That's it....!

Now you can show any of your code in a separate box easier to use

Please let us know if you any problem via comments

Subscribe To Get FREE Tutorials!