How to Create Scroll On Blogspot Blog Archive

Hello friends ... Usually when you post the article pretty much later on the blog archive on your blog will become longer. This certainly will make the blog pages get longer down (especially if arvhive blog with the view hierarchy) which of course will make our blog a little more weight.

That's why you need to make a scroll on a blog to archive your blog page does not extend to the bottom. How do you make it?.

Well here's how to make the scroll on your blog archive:


1. First entrance into acount Blogger or Dashboard

2. Select Layout, then click Edit HTML
 

3. First check Expand Widget Templates

4. Find the code like this: <div id='ArchiveList'> or Archive 


5. To facilitate the search, just use Ctrl + F, continue Copas said above, then click next

6. If so, add the following code red color as the scroll
 

7. The full code is as below:


<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<div style='overflow:auto; width:ancho;height:300px;'>

<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
8. Figures 300px is the height of the scroll box, please adjusted to your taste

9. Maybe your blog code is different, therefore a similar look and to try, do not forget to keep backing up your template first
 
10. If it do not forget to save your template and give comments on my article, ok.

11. Done.
That's how to make a scroll on the blog archive that can make your blog easier. The result you can see in my blog archive, I have complete scroll.

Ok, may be useful for you.
 
© 2011 All About Free | Guest Book | Powered by Blogger.com