Auto4blog: How to Add Scroll in Widget

Hi, bloggers! Now, I will share a new trick for you. That's How to Add Scroll in Widget. This trick is request from my friend.

"Anyone know, how to create a scroll box in link exchange widget. Please help...."

So, based on this request, I want to help him. Maybe, it will useful for you someday. In this post, I will take my Blogroll widget as an example. You can look it. OK, now if you want to try this trick, just follow the steps below.

*Firstly, you have to create a blogroll widget. How?
1. Go to Design --> Page Elements --> Add Gadget
2. Choose "Blog List"
3. Add some blog url in "Add to List"
4. Click SAVE [don't give the widget title first]

*Then, we will add the scroll
1. Go to Design --> Edit HTML
2. Check in the "Expand Widget Templates" box
3. Then, search with Ctrl + F

BlogList1

4. Then, look around at the bottom, there is

5. Add this code, exact under the code above

6. Then, scroll down untill you found

<b:include name='quickedit'/>
   </div>
   </div>
  </b:includable>

7. Add </div> under <b:include name='quickedit'/>, so the code will be like this

<b:include name='quickedit'/>
   </div>
   </div>
</div>
  </b:includable>

8. Then, click SAVE TEMPLATE

How to Add Scroll in Widget

Arsip Blog