How to add Code Box in a blog post?

ADD CODE BOX IN POST

            Hello Blogger Today I'm going to tell you how to add code box in the blog post, because if you belong to a blog widget on your blog, then you should have knowledge of the code box so that visitors can copy and understand the code easily. So, let's know how to add code boxes in the blog post.

How add Code Box in a blog post?

    Here I am going to tell you about two types of code boxes in detail, you can follow whatever you like.

1. Simple HTML Code Box

     It is very easy for you to copy this code and by clicking on the html section of the blog post you can paste it wherever you like.

<form> <textarea rows="5" cols="40" onClick=select() readonly>Your Text Here.< /textarea>< /form>

1. Go to Blog Post and select it on HTML.

2. Now,  paste this code wherever you want to add the code box.

3. Add your code instead of "Your Text Here".

2. CSS Code Box or Style Code Box

Step 1:

First of all copy these codes.

/*css Code Box of www.mybloghelp.com */ .code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }

1. Go to the blogger.com website and log in now.

2. Go to the dashboard of the blog and select the best template for yourself.

3. Now click on Edit HTML.

Now click anywhere.

1. Now press CTRL + F keyboard button and in search box ]]> search.

2. Before ]]> paste the code.

3. Now click on Save.

Step 2:

1. Now go to the blog post and select HTML.

2. Where you want to add the code, add this code.

3. Add your code instead of  "Paste Your Code".

         Now the code box has been added to your blog. Hopefully this "How to add Code Box in a blog post" tutorial would be helpful for you. If it's so, please help your friends and other bloggers to share this post on social media. If you have any question related to the post, please comment on the comment box and also follow this website for more information about the blogging and SEO tips.