Create a Separate Archive or Label Page for blogger

Archive page in some cases, it can also be called sitemap or table of content, because it will allow your blog readers to see all your published post.
Many bloggers don't prefer to show their blog archive on every page due to the slow page load of their blog and they prefer to show it on a selected page, so if that's what you have be seeking for, then this post should help you with that. follow the few step below and get your blog archive displayed on a separate page.

How To Create Archive Page

• Go to your blogger dashboard
• Click on "Posting" > "Edit Pages" > "NEW PAGE" (For old blogger interface)
• Click on "Pages" > "New Page" > "Blank Page" (For new blogger interface)
• Enter "Archive" as your new page title
• Switch to "Edit HTML" and paste the following code in the content box

<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: 1px 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:14px;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:14px;
  text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:14px;
}
</style>

• Click on "PUBLISH PAGE"

That's all
Hope this help? take few seconds to share it and subscribe for our latest posts update.

Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

Follow @realcombiz