Due to some circumstances, this blog is now up for sale, for more enquires contact: Plushista@gmail.com
RealcomBiz
Pin It

Create a Separate Archive or Label Page for blogger

by Unknown | Monday, August 13, 2012 | 18 Comments

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!".

18 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. Absolutely Fantastic works perfectly, now my readers can find EVERYTHING. One thing, there is a closing div missing

    ReplyDelete
  2. how to show another blog contents on another blog??

    ReplyDelete
    Replies
    1. You can't do that. But later in the future, i may create or come across a hack for that.

      Delete
    2. okay,,but this is orginaly Hans hack of beautifulbeta blog

      Delete
  3. I used this in three of my blogs. They all worked great. However, with this one blog: http://mavishomework.blogspot.com/p/archives.html, it's off center. There is no border and the Post Date and Labels are run together. Is it because the content is too large?

    ReplyDelete
  4. Its a great pleasure reading your post.Its full of information I am looking for..

    ReplyDelete
  5. Will this update automatically when ever we publish a post?

    ReplyDelete
  6. I have been using this for quite some time, thank you. But it stopped displaying in Chrome recently.

    ReplyDelete
  7. Thank you for sharing such a great information with us, this kind of articles much be shared as much as possible

    live cricket streaming

    Hotstar live cricket

    ReplyDelete
  8. Highly qualified information because it can provide useful info thanks.
    pengobatan tradisional perlemakan hati (fatty liver)

    ReplyDelete
  9. It’s an unusual privilege to read quality articles these days. Your article has the qualities of great professionally written content that’s unique, original and interesting. regards apental

    ReplyDelete

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger