Home Blog How to Add Html Code Box inside Blogger Posts?

How to Add Html Code Box inside Blogger Posts?

We all want to show some useful content to our readers and wants to share it differently which looks unique in a blog post, Some times we want to share HTML CODE in Blogger which might be useful to other’s but we have disable the right click on our blogger post , So how it’s done let us understand step by Step How to Add Html Code Box inside Blogger Posts ?

How to Show HTML CODE in Code Box

Here we have to nothing more but to paste the code given me inside your blog posts where ever you want to paste it like whichever paragraph (Top or Below of the paragraph ) that means which ever location you want to show it on your blog posts

Points to follow:-

1) Go into the Blogger posts

2)First of all, Edit the blog posts

3) Go to Html Version of Blog posts

4) Later ,Choose the location where you want to show the CODE BOX

5) I am giving you 2 CODE which you have to use as per instructions Just paste CODE A on that particular place

CODE A <textarea rows=”5″ cols=”40″ onClick=select() readonly>Your Text Here

CODE B </textarea></from>

6) Most Importantly, again Copy the HTML TEXT you want to show inside the CODE BOX

{Note: THIS TEXT CODE CAN BE ANYTHING AS PER YOUR CHOICE YOU WANT TO SHOW INSIDE CODE BOX AND THIS NOT CODE GIVEN BY ME, I.e I am giving you HTML CODE FOR CODE BOX NOT HTML TEXT }

ALSO READ:

7)Moreover, Copy that HTML TEXT inside “Your Text Here“

8)Later ,After Copying your HTML TEXT , you have to close it with this CODE
</textarea></from> , you have to write this text by your own because I had disable right click on my websiteAfter Closing it will be looking like this<textarea rows=”5″ cols=”40″ onClick=select() readonly>YOUR TEXT HERE </textarea></from>

9)Further, After doing this you are done, just save it and see the normal version of blog and you can see the beautiful CODE TABLE inside your post with the HTML TEXT you have filled up.

Further, Note I am creating an CODE BOX from which you can copy CODE A & CODE Band use it easily

But before copying do not copy the <b> </b> inside code box which is opening and closing for reference of code look at point 5 in CODE A <textarea rows=”5″ cols=”40″ onClick=select() readonly>Your Text Here

Also, Copy From Here

CODE A <textarea rows=”5″ cols=”40″ onClick=select() readonly>Your Text Here

CODE B </textarea></from>