How To Add Code Box In Blogger Blog

Hello readers,it's me new author of this blog and this is my first post in this blog, In this post i will show you How To Add Code Box Area in Blogger Posts.well,People want to add the HTML code in blogger in different box so that one can easily locate the html code in the post and also easily copy and paste the code to us it.

See the step by step guide to enable this function in your blog for each post.

Step1: Log in to your blogger Dashboard >>> Template >>

Step2: Then Click on the Customize

Step3: Now a window will open their click on Advanced >>> then >>> Add CSS

Step4: After this a box will open. Add the following code in the box and click on apply to blog button to enable this in to your blog.

.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; }

Step5: Now in order to apply this to blogger post, when you're composing your post goes to HTML and then put code between the following tags.

<div class="code">Paste your code</div>

Now, Paste your code In the place "Paste your code"

Now,You Have Successful Install This Code Box In Your Blog.If You have any problem Leave your comment Or Just send me your problem At "bishalcreations@gmail.com" And Follow Us By Email To Get Update on your email When We Add new post in our blog,Like our Facebook Page,Circle Us On Google And Follow us On Twitter.

About The Author 'Bishal Bhandari'

 I’m Bishal Bhandari From Nepal And I Manage Bishal Creations And All Rounder Tricks.I’m Not A Professional Blogger By Education I’m Self Trained Guy And I Am 16 Years Old.Well Talking About Me I’m A Normal Guy Who Lives The Life Fullest, Loves Searching New Things On Internet, Loves Visiting New Places And I Like To Make New Friends From Around The World And Love To Share My Knowledge.

Check My Blogs
All Rounder Tricks
Bishal Creations

Happy Blogging!!!!
Regards,Bishal Bhandari