How To create Scroll Box on Blogger

Here different types of Scroll Box are mentioned below, use anything/anyone you like.
To  Create a Scroll Box , You need to use simple HTML code as below:

Step-1:- Use/Copy following HTML code to make one :

Type-1
Use this code :  <div style="height: 100px; width: 350px; overflow: auto;">PLACE YOUR 
                        TEXT HERE</div>

Result :-
 

PLACE YOUR TEXT:
Here is simple text in scroll box.
Change height : value & width : value
in  <div style="height: 100px; width: 350px; overflow: auto;"> to costumize its size as per
your Requirement.

Type-2
Use this code :  <div style="height: 100px; width: 500px; overflow: auto;">PLACE YOUR 
                        TEXT HERE</div>

Result :-

 PLACE YOUR TEXT:
Here is simple text in scroll box.
Change height : value & width : value
in  <div style="height: 100px; width: 500px; overflow: auto;"> to costumize its size as per
your Requirement.

Type-3

use this code : <div style="width:350px;height:100px;overflow:auto;
                         border-width:2px;border-color:000000;border-style:solid;"> 

                                                        PLACE YOUR CODE HERE</div>

Result :- 

PLACE YOUR CODE HERE
Here is another code result. Change boder-style : value
 to "solid" or "dotted" or "dashed"  in <div style="width:350px;height:100px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;">  to costumize your border style.

Type-4

use this code : <div style="width:500px;height:100px;overflow:auto;
                         border-width:2px;border-color:000000;border-style:dotted;"> 

                                                        PLACE YOUR CODE HERE</div>

Result :- 

PLACE YOUR CODE HERE
Here is another code result. Change boder-style : value
 to "solid" or "dotted" or "dashed"  in <div style="width:350px;height:100px;overflow:auto;border-width:2px;border-color:000000;border-style:dotted;">  to costumize your border style.

Type-5

use this code :         <div style="background-color:F0E283; border: 2px solid green ;
                                    color: green; font-family: 'SketchFlow Print', cursive; font-size: 12px; text-align: right;
                                    height: 100px; overflow: auto; padding: 4px; width: 350px;
                                    position: relative; left: 50px;">
                                    Place Your Text Here.
                                   </div>

Result :- 

Place Your Text Here.

Here is an example of customized

Scroll box..change values 

in <div style="background-color:F0E283; border: 2px solid green ;
color: green; font-family: 'SketchFlow Print', cursive; font-size: 12px; text-align: center;
height: 100px; overflow: auto; padding: 4px; width: 350px;
 position: relative; left: 50px;">
Place Your Text Here.
Here is an example of customized
Scroll box
</div>

As per your requirement.

Step-2:- Enjoy your cool scroll box