How to add an scroll box in wordpress?

An scrollbox can be added to wordpress pages, posts or widgets easily. It can beauty your wordpress appreance with an smart and easy code integration. Once put the code, you are done.
Sometime it is important to add an scrollbox for text and image, if you want to make the whole templet small, or header and footer viewable and the same time.

Find the example of a scrollbox as below:

An scrollbox can be added to wordpress pages, posts or widgets easily. It can beauty your wordpress appreance with an smart and easy code integration. Once put the code, you are done.

Sometime it is important to add an scrollbox for text and image, if you want to make the whole templet small, or header and footer viewable and the same time. 

To adjust the code in page or post: login to wordpress, then add a post and enable HTML mood. Now paste the codes and switch to normal compose mode. Look it!

To adjust the code in widget: take a text widget, paste the codes and write your message before </div> tag.

Changing the values will result in change of scroll box attributes.

if any question, please comment.



To create the scrollbox, copy and paste the following codes and paste it to your wordpress page, post or widget(text).

<div style="width: 465px; height: 200px; background-color: #20b39b; border-color: #b524b5; border-width: 18px; color: #1f031f; font-size: 11px; font-family: Arial Black; overflow: auto;">

</div>
To adjust the code in page or post: login to wordpress, then add a post and enable HTML mood. Now paste the codes and switch to normal compose mode. Look it!
To adjust the code in widget: take a text widget, paste the codes and write your message before </div> tag.

Changing the values will result in change of scroll box attributes.

if any question, please comment.