How to Add a Scroll Box Text in Blogger

How to Add a Scroll Box For Text or Code in Blogger

How to Add a Scroll Box For Text or Code in Blogger

Here I am going to share with you a most important trick for new blogger writers.  Scrolling Tex Box / Code Box is always require when we want to put some code in our post for sharing purpose. There are many ways to Add a Scroll Box For Text or Code in Blogger but here i'm going to tell you the easiest one.

When you want to Add a Scroll Box For Text or Code in Blogger for sharing of codes only put these Codes before the text you want to add in the Scroll Box.

Steps for Add a Scroll Box For Text or Code in Blogger

Step 1 : 

Go to Html tab on the post page and past the 1st Html Codes before the text you wan to put in the box.

Step 2:

Put the 2nd Html Code after the text you want to display in the scroll box

1st Html Codes :

<br />

<div style="border: 1px solid #ccc; font: 16px/26px Georgia, Garamond,

Serif; height: 250px; overflow: auto; width: 250px;">

<br />

and after the text put only

2nd Html Codes :

</div>

Important Note :

Your text will display in the box like this . this is the best way i have still found by my research in from the internet . you can also change the height and width of this box according to your requirement .

Second way to Add a Scroll Box For Text or Code in Blogger

if you want to add the box when you are just begining and later on you want to add text in the box only go to HTML tab on the post page and past

<br />

<div style="border: 1px solid #ccc; font: 16px/26px Georgia, Garamond,

Serif; height: 250px; overflow: auto; width: 250px;">

<br /></div>

Change the Height and width as you require and than again go to compose tab and start you post as you want.

I hope you will enjoy this post . Please right your comments for our improvement.