How To Make Scroll Menu
Installing the scroll bar on the blog main purpose is to save the state space. How to make it very easy to just follow the steps below.
1. Go to the dashboard,
then select layout - >> Add a gadget
2. Choose HTML/JAVASCRIPT
3. Enter the following code:
<div style="background-color: white; border: 1px solid rgb(204, 204, 204); height: 80px; overflow: auto; padding: 5px; width: 170px;">
enter the text or any code to be displayed here
</div>
Scroll box size can be changed in width (width) and high (height) on the code above.
To create a scroll menu:
<div class="widget-content">
<ul style="width: 145px; height: 150px; background-color: #FFEAEA; font-family: verdana; font-size: 10px; font-weight: bold; text-align: left; border: 2px ridge #52FF20; overflow: auto;">
<li><a href="http://simple-blog-tutorials.blogspot.com/2012/12/how-to-make-scroll-menu.html" target="_blank">How To Make Scroll Menu</a></li>
enter the next link ....
</li></ul></div>
Color code orange to code scroll.
Green is the color code for article link
blue titles of articles to show
blue titles of articles to post Scroll appear when the content exceeds the height of the list is placed in the code (overflow: auto). So modify the height in height.
4. Then save to see the results.
Installing the scroll bar on the blog main purpose is to save the state space. How to make it very easy to just follow the steps below.
1. Go to the dashboard,
then select layout - >> Add a gadget
2. Choose HTML/JAVASCRIPT
3. Enter the following code:
<div style="background-color: white; border: 1px solid rgb(204, 204, 204); height: 80px; overflow: auto; padding: 5px; width: 170px;">
enter the text or any code to be displayed here
</div>
Scroll box size can be changed in width (width) and high (height) on the code above.
To create a scroll menu:
<div class="widget-content">
<ul style="width: 145px; height: 150px; background-color: #FFEAEA; font-family: verdana; font-size: 10px; font-weight: bold; text-align: left; border: 2px ridge #52FF20; overflow: auto;">
<li><a href="http://simple-blog-tutorials.blogspot.com/2012/12/how-to-make-scroll-menu.html" target="_blank">How To Make Scroll Menu</a></li>
enter the next link ....
</li></ul></div>
Color code orange to code scroll.
Green is the color code for article link
blue titles of articles to show
blue titles of articles to post Scroll appear when the content exceeds the height of the list is placed in the code (overflow: auto). So modify the height in height.
4. Then save to see the results.
