How to add Scroll box gadget inside blog post

Earlier I also struggle to add my Html codes inside a scroll box. But later I learnt that trick and added my codes inside that scroll box. This scroll box is adjustable according to your requirement and can place easily inside your post.


After implementing this gadget you can reduce the length of your blog post and can make your blog post short without loosing any important content. Some peoples don’t like to read too much. If your blog post is too long your reader will leave your blog without reading the content even though they are useful. So I thought to share this trick with you too. After learning this trick you will be able to add text, link or whatever you like inside the scroll box. 



Following is a DEMO of this scroll gadget

This is a Demo Scroll gadget
This is a Demo Scroll gadget
This is a Demo Scroll gadget 
This is a Demo Scroll gadget

This is a Demo Scroll gadget  


This is a Demo Scroll gadget 

This is a Demo Scroll gadget

Now let me explain the Trick,

1.      First Go to your DASHBOARD >> NEW POST>> EDIT HTML

2.      Paste the following code inside the it

<div style=”width: 250px; height: 100px; background-color: bisque; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 1px dashed 000000; overflow: auto; padding: 4px;”>Add Your Text Here</div>
3.      Replace the text “Add Your Text Here” with yourown text which needs to   display inside the scroll box. Go back to COMPOSE modeand see how it appears.
You can change the;
a)      Colour of the box by replacing “bisque” inabove code with your colour code
b)     Change the width of the box by changing thevalue in front of the “width” tag of the above code
c)     Changethe height of the box by changing the value in front of the “height” tag of theabove code

And also you can change the border colour of thebox, border style of the box, font, etc. just inspecting the code. If you wantto add a code inside this scroll box you must go back in to the compose modeand just paste your code inside it (Don’t do this in HTML mode)


Now you know how to make your blog post short by adding scroll box gadget to your blogger blog.

That’s it. PUBLISH POST and View it. Enjoy.