Home » Blogger Tutorials, Tricks and Hacks » Blogger Lists » A Quick & Easy Way To Create A Page List Of Archives

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

A Quick & Easy Way To Create A Page List Of Archives

A Quick & Easy Way To Create A Page List Of Archives

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

2,190 views

If you constantly publish plenty of articles in your blog then that can quickly populate your blog archive list. So once a visitor clicks on Archive section’s drop-down list button at the sidebar is, he ends up wading through an extremely long list.

In this case, displaying your archives in its own web page might be a good idea. Doing this is fairly quick and simple:

  • Login to your Blogger.
  • Go to Dashboard.
  • Go to Pages, then click on New Page.
  • Choose Blank Page.
  • Click on HTML (not Compose) viewing mode.
  • Give your blank page a title (e.g. My Archives) and then copy/paste the code below in the content field:
<div id="bp_toc">
<script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript">
</script><br />
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript">
</script><br />
<br />
<style>
#bp_toc {
border: 5px solid #c1bfbf;
padding: 5px;
width:100%;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #fff;
color: #000000;
padding-left: 5px;
width:60%;
}
.toc-header-col2 {
width:20%;
}
.toc-header-col3 {
width:20%;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:18px;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:18px;
text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:18px;
}
</style>
</div>
  • Click on the Publish button and that’s it!

 

Liked It ? Please Share

Related Tricks & Tutorials

Comments

10 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. sa prevodom says:

    is there any arhive widget for blogger that arhive look diferent

  2. HMiMouCh says:

    So i can Use it like a Sitemap ? in send it to google webmastertool !

  3. Rasheed says:

    please i dont seems to understand your explanation very well, please explain more on how to link the publish page with the actual blog post on the blog page,.. please kindly forward it to my mail

  4. i add a pagelist widget to my blog footer- zishandownloadfree.blogspot.com

  5. Triana says:

    Thank you so much for this template!

    How do you get rid of the labels? Thanks!

  6. The Forenoon says:

    i want to get rid of the labels!!! how??

  7. Muhd Hanis says:

    this is what i am looking for. Thanks for useful article. Btw, I am having a problem with ads on home page. I place ads on each of article after article title, it display well on the article page, but when viewing at homepage, it display the ads along with my article first paragraph. I have 5 article featured in home page. Is there any solution?

  8. james17 says:

    Wide range of different places with the wish of being acknowledged, perhaps fulfilling him or the individuals who have identified him. http://penispumpworld.org/

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here