RealcomBiz
Pin It

Add HTML Box to your Blogger Blog Post

by Durodola Ridwan | Wednesday, May 16, 2012 | 3 Comments

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>


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>

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:
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.



Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

3 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. There are a few other reputable survey sites that aren't listed, but you do have a nice list of some of the best ones.

    http://www.surveytool.com/make-your-own-survey/

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

    ReplyDelete

About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger