Adding Code Box to Your Blogger Blog Post

Ever wondered of adding snippet in Blogger Blog Post. 
So, in this article you will learn how to add code box in blogger blog post.

Blogger is the best platform to post blogs without spending a penny. It provides all facility to make you blogs beautiful like professional without spending a simple penny.

To learns blogging you must know some of the basic of HTML and CSS. Now lets come to the point directly and teach you how to add code box in your blog post.Just follow my steps and you will learn to add snippet.

Step:1

 Log in to your Dashboard of your Blogger. Then Go to Theme and then go to Edit HTML option.
Edit HTML in Blogger

Step: 2

Click any where on the screen and press CTRL+F and you will see search box will appear on your screen. Just paste ]]</b:skin> this code in the search box and press Enter.

Step:3

Just above ]]</b:skin>  this paste the code which i m providing you below. There are two codes given. Copy anyone that suits you. Remember you should not use both the code. Copy only one or else it will show error.

                               Code 1: Download Link
                    Code 2: Download Link
Step:4

Now just save the Template.

How to use your Code Box?

1.To use this Code box in your Blogger Blog Post..Click on the Html option.

Html view of blog post


2.Now paste the code which I m again providing you below.

              Code Download Link

3.Replace "Type Your Text Here " with anything you want to type on the Code Box.

4.Now Click on the Publish Button and you are done.



Previous
Next Post »