How To Make Auto Scrolling On Blog Archive - Archive Blog is a chronological list of articles you ever make are sorted by time of making the article. Visitors can view all articles in your blog in the archives of this blog though it can also through the sitemap. ( Read Also ›› How To Create A Sitemap On The Blog ) Usually the blog archives placed on the sidebar of a blog.
If your blog there are a lot of articles that your blog archive will widening downwards. Therefore, infoBlog will share a tutorial about How To Make Auto Scrolling On Blog Archive. Follow the steps below To Make Auto Scrolling On Blog Archive.
How To Make Auto Scrolling On Blog Archive :
- Go to your Blogger Dashboard ›› Template ›› Edit HTML.
- Add the code below before <div id='ArchiveList'>
- Then, Add the code </div> before <b:include name='quickedit'/> . Like this :
- After that, click Save Template.
<div style='overflow:auto; width:ancho; height:300px;'>
/* Auto Scrolling Blog Archive by infoBlog */
<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>
</div>
<b:include name='quickedit'/>
</b:includable>
<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>
</div>
<b:include name='quickedit'/>
</b:includable>
For Result :
Enough of tutorial about How To Make Auto Scrolling On Blog Archive. If you have any questions or suggestions, please write in the comments field below or directly send questions through the Contact Us service. Hopefully this article useful and you willing to share this article through social media accounts you have.
Thanks For Your Visiting
EmoticonEmoticon