Drop Down Menu

Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

How to create an archive of all your posts for blogger 2016

EDIT 11-09-2016:
As of today the script I have tweaked is not working anymore. It worked just fine a couple of days ago. So there is still hope it could be temporary. But honestly I am getting a little tired of these scripts and codes not working after a while and have decided to avoid using them and do everything manually. I mean this must the be the fourth one in just a couple of years. Might take me a lot of work but at least that way I can make sure that people can find older posts. BTW the JHWILSON code is working (but it doesn't go beyond 500 posts). 

Ok. I decided to write this post because of one particular issue people are having when using the JHWILSON code for creating an archive of your posts on blogger. Click on this link to go to website sarwrites.com so you can see how to customize it and what it will look like after. If you are happy with the result then by all means use it. However if like me you have a large number of posts you want to have displayed in the archive it won't do. For this you will have to use another code that unfortunately will be less stylish as the one depicted on sarwrites.com. But perhaps someone with better coding and mark up skills than I have will be able to make the code I will be giving to you more stylish.

You need to copy and paste the following code:

<div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> Full Archive of Chrichton's World</h2> <div id="bp_toc">

<script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript"> </script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"> </script>
<br />

#bp_toc {
  border: 2px solid #000000;
  padding: 5px;
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
  background: #fff;
  color: #000000;
  padding-left: 5px;
.toc-header-col2 {
.toc-header-col3 {
.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 {
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;


Change the text in red to whatever you like and you are good to go. And if things have gone right you will get an archive like underneath.

I used the code given on this page to customize it the way I wanted. In case you want to tweak it further. 

Do let me know in the comment section if this has been helpful. 

Full Archive of Chrichton's World

No comments:




Join us for free and get valuable content delivered right through your inbox.


Reviews Netflix Originals


Popular Posts