Social Icons

Saturday, August 18, 2012

How to make Scroll to the Widget


How to make Scroll to the Widget.

Blog Widget so that you do not take place, you can make a scroll on the Widget. Here's how to make it:

1. Login to Blogger.
2. Click on Edit HTML design →
3. Click Download Full Template
4. Please Save the template first, in order to reduce the risk if something goes wrong when editting the template, we still have the backup to restore it as before.
5. Check the boxes next to Expand Widget Templates.
6. Then find the code like the following:


<b:widget id='HTML6' locked='false' title='Cari di Blog ini' type='HTML'/> 
<b:widget id='Label1' locked='false' title='Label' type='Label'/>
<b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'/> 
<b:widget id='HTML4' locked='false' title=' 5 most comments ' type='HTML'/> 
<b:widget id='HTML7' locked='false' title='5 most comments' type='HTML'/>


7. Search Widget code that will give my friend Scroll Archive for example. If the widget title is Archives, then the code as follows:

     <b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'/>

Code title is the title of the widget. If no code is given the title then title = ''
You must take with the code id = 'BlogArchive2'
 Notice the part that is the id of BlogArchive2 Widget Blog Archive.

8. then find the code]]> </ b: skin> Copy and Paste the following code on it


#BlogArchive2 .widget-content{ 
height:200px; 
width:auto; 
overflow:auto; 
}


9. Replace the BlogArchive2 the id of the widget that will give Scroll.
10. Then save the TEMPLATE
       Good luck.

2 comments:

Syed Zeeshan Ali said...

Your website seem very yummy!!! I love chocolate!
Technology, Free Software and Best Tutorial
your blog is good! I'll visit again :)
God Bless You

jejak blogger said...

thank you,





Blog Agus Murod