HTML Code Box With Border in Blogger Posts

Am sharing along today how to provide HTML box with your blogger blog write-up. You can simply utilize it to wrap codes or mark out a text from others. I dont know perhaps you have had tried to squeeze in a html code in your post which that eventually exceed your laptop screen, if you're a victim of the, then you should worry no additional.

Let's get started :

while you are creating a new post and you also about to paste a html code to your write-up, check beside compose tab presents itself your new write-up box, click Modify HTML.
Paste the code within the box below with your Edit HTML loss, now go to compose, you should get the html box with your compose tab, fill the html code you need paste.

If you need to use a package with border as shown below, utilize code in your 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>

For The 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 questions, feel free to comment.