Scroll function to simplify the display- blogspot

Scroll function to simplify the display more visible sepaya be neat and not too broad. To create a scroll blogspot widgets there are several ways, depending on for which you want to use the most simple ways and simple for you. Here I will describe three kinds of ways to make the scroll widget on blogspot.The main code to make this scroll is the overflow code. So if you find code like this, then this will form a scroll. If you do not believe you please try it yourself by using notepad. Here's how to create a scrolling widget that I mean. 
First Method1. Go to Settings your blogspot, Design, Page Element. Please add new widgets by clicking the add a gadget, and select add html / javascript2. Give the title and the content put on the code like this

    <div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
    .......
    </ Div>3. Put your code between the div code above,
Both Ways1. Go to Settings, Design, Edit Html. Then find the name of the widget you want to make a scroll. Let's say here Archive blog, then I will look for writing BlogArchive2. Tambakahan following CSS code above ]]></ b: skin>

    # BlogArchive. Widget-content {
    height: 200px;
    width: auto;
    overflow: auto;
    }
3. Try the red should be the same as the name of the widget you want to make a scroll
Three Ways1. On the Edit html templates blogspot, please find a widget that you want to give the scroll. Then at the bottom of the widget code search code div class = 'widget-content'2. Add the code style = 'overflow: auto; height: 230px' in addition to code div class = 'widget-content' So it becomes

    <div class='widget-content' style='overflow:auto; height:230px'>
How do you think? How to make a scroll widget blogspot that is most simple and easy do you think? I prefer to use way to 3. More simple and practical:)
bloggerafif

Share this post