Loading...

How To Make Auto Scrolling On Blog Archive

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 :

  1. Go to your Blogger Dashboard ›› Template ›› Edit HTML.
  2. Add the code below before <div id='ArchiveList'>
  3. <div style='overflow:auto; width:ancho; height:300px;'>
  4. Then, Add the code </div> before <b:include name='quickedit'/> . Like this :
  5. /* Auto Scrolling Blog Archive by infoBlog */
    <div style='overflow:auto; width:ancho; height:300px;'>

      <div id='ArchiveList'>
      <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
        <b:if cond='data:style == &quot;HIERARCHY&quot;'>
         <b:include data='data' name='interval'/>
        </b:if>
        <b:if cond='data:style == &quot;FLAT&quot;'>
          <b:include data='data' name='flat'/>
        </b:if>
        <b:if cond='data:style == &quot;MENU&quot;'>
          <b:include data='data' name='menu'/>
        </b:if>
      </div>
      </div>
      </div>
          </div>
      <b:include name='quickedit'/>

    </b:includable>
  6. After that, click Save Template.

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