Add HTML Box to your Blogger Blog Post

Am sharing with you today how to add HTML box in your blogger blog post. You can simply use it to wrap codes or mark out a text from others. I dont know maybe you have tried to add a html code to your post which it eventually exceed your computer screen, if you are a victim of this, then you have to worry no more.

Let's get started :

when you are creating a new post and you about to paste a html code to your post, check beside compose tab at the top of your new post box, click Edit HTML.
Paste the code in the box below in your Edit HTML tab, now go back to compose, you should find the html box in your compose tab, fill in the html code you want paste.

If you want to use a box with border as shown below, use the code in the box below.

<div style="font-family:georgia; font-size: 16px; height: 120px; overflow: scroll; width: 500px;border:3px solid black;">
Enter your text here</div>
<div style="font-family: verdana,arial,sans-serif; font-size: 10px;">
<a href="http://www.realcombiz.com/">realcombiz</a></div>

realcombiz

If you want a box without a border as shown below, use the code in the box below.

<div style="font-family:georgia; font-size: 16px; height: 120px; overflow: scroll; width: 500px;">
Enter your text here</div>
<div style="font-family: verdana,arial,sans-serif; font-size: 10px;">
<a href="http://realcombiz.com/">realcombiz</a></div>

realcombiz

Both the code highlighted in blue can be change to your desired height and width.
If you really love this or have any queries, feel free to drop it in the comment.

You might also like:

• 12 Awesome Ways To Customize Blockquote In Blogger Blog
• Customize Blockquote With Light Bulb Effect On Mouse Hover

In my future future post i will be dropping a lot of tricks which you can use to spice up your html box and look more professional, so for you not to miss any of this offer, subscribe to this blog now.

Enjoyed This Post? Subscribe For More Update!

Follow @realcombiz