Create an Archive List/Page for Blogger

By Sarah Aterrado - September 02, 2015


After revamping my blog with this awesome free theme from ThemeXpose that I absolutely love, I decided to remove the archive list widget for good in hopes of decluttering my sidebar. However, I still want to offer you, my dear readers, an easy way to backtrack and dig my old posts just in case you want to read about how I sucked at handling life, or just for the heck of hate-reading me, or simply, just because you want to get to know me more (aaaawww ). So I decided to go for an archives page instead.


Do blog archives matter?
Yes, they do. As a matter of fact, they are essential, not only that it gives your blog depth and credibility but it also cultivates loyalty to your readers as well. How? Having an Archives increases the amount of time your visitors spend on your site - giving them a chance of knowing you more which will eventually lead to keeping them engaged and loyal to your blog. Don't just let your old blog posts sit in the dark and gather dusts. :)

For months, I've been using this code from jhwilson's Create a Blogger Archive Page. Here's how it looked like:
Archive Page for Blogger
jhwilson's archive page for blogger

It works pretty well but I wanted it to look more organized. Don't get me wrong, I love it and I'm really thankful for that. It's great but it needs just a little rework. Since I am no good with javascript, I asked the awesome boyfie, Jan, to create an archive page derived from jhwilson's code - only this time, it will be sorted by month and year. True to what I said, he's awesome for he recreated it in a jiffy! Yay! And with a little help from my CSS skills, I added a little knickknack and voila! Here's how it looks now (or you can visit my Archive Page):
Archive Page for Blogger
JanCarlo's archive page for blogger
It's better, isn't it?

As generous as other programmers were, we would also like to share with you a step by step process on how to create this archive page for your blog. PLEASE NOTE THAT THIS WORKS ONLY FOR BLOGGER.

How to Create an Archive List/Page for Blogger

Step 1: Create A New Page
Open your blog and go to PAGES and click on NEW PAGE. (Fig. 1)
Create an Archive Page for Blogger
Fig. 1

Name your new page however you want it. But I suggest you put a page name that is clear for your readers to know what the page is all about. Then click on the button that says HTML. (Fig. 2)
Create an Archive Page for Blogger
Fig. 2

Step 2: Copy and Paste
Now you need to copy and paste the following code into your HTML field.

Old code (works for blogsites that are not yet converted to https)


New code that works for https


It should look like the one below:
Create an Archive Page for Blogger
Click image to enlarge

Step 3: Customize
Don't freak out! It's just easy.

First you have to look for this:
Create an Archive Page for Blogger
Click anywhere on the HTML box and hit CTRL + F and type YOURBLOGHERE to find the url that is to be changed easily

Change YOURBLOGHERE.blogspot.com into your web address.

From here, you may publish the page now. Or you can customize its look further.

Just look for the the CSS code at the bottom-most part and customize the highlighted parts according to your preference.
Create an Archive Page for Blogger
Do not alter the class names e.g. (.dateStyle/.dayStyle)
If you aren't really familiar with CSS, just edit the values between : and to be safe.

For example, if you want to change the font color, just change color: #22a9b1; to color: #006DD9; or you may use the names of the colors instead of hexcodes like, color: pink;

Step 4: Publish the page and you're good to go!


That's it. I hope this helps. Please let me know if it works for you. And if you have questions regarding this matter, don't hesitate to hit me a comment.

If you find this helpful, spread the love and share. :)

UPDATE! (As of June 2017)
There seems to have a problem fetching all our posts to our Archive. Thankfully, a fellow blogger has given us a solution. Thanks to Singa Chu (see his comment below and visit his website, too). :)

Here's what you have to do:

Since there has been a change in Blogger, your blog feed will only return 150 posts. To show all your posts, you have to manually fetch your posts using the script below (don't forget to change the URL):

<script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=150&start-index=151&alt=json-in-script&callback=LoadTheArchive"></script>
<script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=150&start-index=301&alt=json-in-script&callback=LoadTheArchive"></script>
<script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=150&start-index=451&alt=json-in-script&callback=LoadTheArchive"></script>
<script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=150&start-index=601&alt=json-in-script&callback=LoadTheArchive"></script>
<script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=150&start-index=851&alt=json-in-script&callback=LoadTheArchive"></script>
<script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=150&start-index=1001&alt=json-in-script&callback=LoadTheArchive"></script>



The script above will populate 1001 posts (see start-index of the last line). If you need to populate more posts, just add one line of the script and change the start-index count (by adding 150).

Just add it right at the red line on the image below:



If you are going to visit My Archive Page, you can see that it now shows all my posts since 2007. (I have already purged old posts)

I hope it all works for you as well. :)

UPDATE! (As of August 2018)
There has been an issue with the archive not working after converting your blog site from http to https. Thankfully, a fellow blogger came the rescue and revised the code that works for https websites.

My Archive Page now works again. The new code is posted above. Just copy the entire code and paste it on your editor. There's no need to do the June 2017 update.

Thanks Rajeev! Here's his working demo https://www.freshtechtips.com/p/archives.html

  • Share:

You Might Also Like

202 comments

  1. very helpful sarah. Thanks for sharing.

    www.hintofglitter.com

    ReplyDelete
    Replies
    1. a small note.. in the update there is a simple mistake to reach 1001 .. 601+150=751 not 851.. so you need to correct the number in that line and the next line and add one more line to pass 1001 :)

      Delete
    2. Anonymous is right as I noticed the same issue when I tried it today.

      Delete
  2. Hi. Tnx for the info. Can i also copy my previous blog in my new blogspot esp. If i forgotten my PW in my old blogspot. Tnx much.

    ReplyDelete
    Replies
    1. Hello. Do you mean to copy the contents of your old blog?

      Delete
  3. Wow! Now i know the importance of archives, thanks for this tips!

    ReplyDelete
  4. I'm using it! I'm loving it! Thank you for sharing it!

    ReplyDelete
  5. I will surely bookmark this and come back to it when the time comes that I need to revamp my archives. Thanks for sharing this :) Btw, your blogpage looks very neat and very organize. keep it up! I wish I can make mine look as nice as yours but that would mean more time to put up to learn CSS and html blah blah.. unfortunately I don't have that luxury and Im still trying to figure out how to add html codes for my widgets. LOL! (rants of a newbee in blogging)

    ReplyDelete
    Replies
    1. You'll get the hang of it. Thanks for dropping by! Keep blogging. :)

      Delete
  6. Thanks so much! This was so helpful!

    ReplyDelete
  7. Thanks for the how to, I am forever revamping my blog haha. This is something I might just consider doing. :)

    ReplyDelete
  8. I love the look of your blog, Sarah! Your listpage looks so better and clean. I like it!

    ReplyDelete
  9. This post will surely help those who are still using blogger as a platform. Thanks for sharing.

    ReplyDelete
  10. This is great! Thanks so much! One question...how do you align the numbers? My numbers are not in a straight line like yours. Thanks again!!

    ReplyDelete
    Replies
    1. Hi. I've seen your website and I don't see anything wrong with the code. I think it has something to do with the font. My font gives the illusion of it looking straight,since it is shorter and stouter. Your font was thinner, it creates more space that's why it doesn't look straight.

      Delete
  11. Thank you so very much Sarah. You've helped me a great deal. Ive just added the archive page to my entrepreneurship blog www.mozentre.com

    ReplyDelete
  12. mine is not working, would you be able to guess why?

    ReplyDelete
    Replies
    1. Hi Sina, I tried going over your page so I can see the problem but your website is accessible only for invited readers.

      Delete
  13. Thanks! How do I include all my posts? The archive page only shows up to a maximum of 500 posts. Salamat!

    ReplyDelete
    Replies
    1. Do you see this code: script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=LoadTheArchive" /

      you may change the value of 500 to your preferred number.

      Delete
    2. Hello! I tried updating the number, but it's still only showing as far back as 2013. Would love to have it show all posts since 2010.

      Page is: http://www.my-borderline-personality-disorder.com/p/archives.html

      Delete
    3. Hi Debbie Corso,

      same here. I have more than 1900 posts. When I tried the Blog Feed, do the count, and it's return only 150 posts.

      So I make several retrieval using : max-results=150&start-index=1
      I do it manually until all my post got feed. Make some changes to javascript so It's populate all feeds in array before generate the display :

      script src="https://otodiy.blogspot.com/feeds/posts/default?max-results=150&start-index=1&alt=json-in-script&callback=LoadTheArchive"
      script src="https://otodiy.blogspot.com/feeds/posts/default?max-results=150&start-index=151&alt=json-in-script&callback=LoadTheArchive"
      script src="https://otodiy.blogspot.com/feeds/posts/default?max-results=150&start-index=301&alt=json-in-script&callback=LoadTheArchive"
      script src="https://otodiy.blogspot.com/feeds/posts/default?max-results=150&start-index=451&alt=json-in-script&callback=LoadTheArchive"
      ... and so on depend on your post count divide it with 150.

      you can see mine : https://otodiy.blogspot.co.id/p/arch.html

      here is my full source code : http://copypastesave.blogspot.co.id/2017/06/create-table-of-contents-page-in-blogger.html

      Thanks to Sarah with the full source javascript, so I can make adjustment to populate several Blog Feeds.

      regards,
      singachu

      Delete
  14. Hello! This archive looks amazing and I would love to have it working on my page, however it doesnt.. Would you be able to have a look and tell me where the problem might be? My blog is not ready yet, so please ignore the test posts and other stuff that might look odd! Thank you!
    www.arventuroustrails.com

    ReplyDelete
  15. Never mind, it started working somehow! YAY! Thank you so much!

    ReplyDelete
  16. Hi Sarah thanks for the tip! :) May I know how I can show alllll of my posts though? Cause so far its only showing my posts up to oct 2011, while I've got posts dated all the way back to 2010. You can check the page out here! http://ohsherry.blogspot.com/p/archive_53.html

    ReplyDelete
    Replies
    1. Hi! I am also having the same problem. It wasn't like that before. So we're trying to figure out and we're working on that.

      Delete
    2. I see! Maybe sth changed when the year rolled over to 2016 hahaha, do keep me posted! :)

      Delete
    3. Yes, something changed. If you actually go over my homepage and scroll to the bottom, you will see a pagination. Click on the "Last" and it only shows posts until 2014, when actually I had posts since 2007.

      Delete
  17. Great tip! You save me for hours of finding this awesome trick! Thanks Sarah? BTW your surname not Duterte righ? :) kidding. Thanks Again!

    http://talkntextcallpromos.blogspot.com/

    ReplyDelete
    Replies
    1. You're welcome. And no, I'm not a Duterte. But I'm a proud supporter! ^_^

      Delete
  18. Great tipp, but I have a little question in the end..
    I also used the code of jhwilsons before and had the same problem like now: in the code it's said "maximum 500 posts". Well I have less then 400 posts on my blog but you still can't see all the posts on the archive page.. I also tried to upper the limit to 1000 posts but it's still not working. Do you have an idea what I could do?
    Thank you so much! I would love if you have an answer, because I ask myself what the problem is all the time and I would love if you could see all my posts on the archive page..
    If you need it, you can see my archive page here: http://www.evakatharina.com/p/archive.html

    Greetings, Eva

    ReplyDelete
    Replies
    1. Hi Eva. We're still trying to figure it out. Whether I use jhwilson's or jancarlo's code, all posts won't appear even if you try to limit it to more than 500. If you'll navigate at my home page and scroll down bellow, click the "last" in the pagination and all my posts beyond Aug 2014 no longer exist. But if you look at the Archives (on the side bar), all of my posts since 2007 are actually there. So it's about Blogger not fetching all the data when loading your website.

      Delete
    2. Oh ok that doesn't sound good.. I have nearly no idea of java script.. I would be glad if you tell me when you solved the problem! Thank you so much!
      I always wanted an archive as a page and not in my sidebar..

      Delete
  19. Hi, there! Thank you for the tutorial, it's very helpful. But, unfortunately, it's not working for me, I did exactly how you said. Maybe it's because of the link? Because I'm from Brazil.

    "http://ameliatwee.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=LoadTheArchive"

    ReplyDelete
    Replies
    1. Hi! Some countries do end differently depending on the country. Countries from UK have name.BLOGSPOT.CO.UK on the end. I'm not really sure how it works for Brazil, but you can try it. Anyway, would you try making another page (a different one), and follow the same tutorial I made. Because to some it worked when they made a new page.

      Delete
  20. Omg! Salamat dito, life saver ka teh ^_^

    ReplyDelete
  21. Incredibly awesome of you. THANK YOU!

    ReplyDelete
  22. im not able to install d same for my website ,
    i have entered feed url but not getting :(

    ReplyDelete
    Replies
    1. Hi! Would you mind repeating the same process on a new page? Because for some it worked when they did it again. :)

      Delete
  23. Extremely helpful and given in a very simple way. Thank you so much!

    ReplyDelete
  24. is there a way to add a 0 before days 1-9? so that the start of each post title lines up?
    http://www.twinspirational.com/p/archive-2.html

    ReplyDelete
  25. This is almost exactly what I'm looking for for my travel diary!

    I'm a coding novice, could you tell me how to (or point me in the direction of instructions to) change the layout so that it displays the links oldest first, and rather than a month heading, have it show as month and day. This link has your existing code:http://penanddandojapan.blogspot.com.au/p/our-travel-journal.html
    What I'd like it to look like is:
    February 10: Love is in the air
    February 11: Nagano Shuttle to Nozawa Onsen
    etc

    (please ignore the content of the posts, it's a work in progress!)

    Thanks in advance

    ReplyDelete
  26. Hold on to you horses ladies and gents! I will ask the boyfriend about this. I'm no programmer. So I'll leave the technicalities all up to him. But I will get back on you soon. :)

    ReplyDelete
    Replies
    1. Hi Sarah,

      Thank you very much for this informative post. This is very useful and handy in every blog for sure. Thanks to you, I have also implemented in my blog. :)
      http://www.learnsaptips.com/p/archived-posts.html

      However, as already asked above, I also have the same question, whether it is possible to have a leading "0" for dates that are below 10. Right now, it's not aligned properly, when dates are 3, 4, 10, 19, 30. I would like it to be 03, 04, 10, 19, 30, so that date act like a bullet.
      Any thoughts on how we can achieve that?
      Really appreciate your input!
      Thanks much again for your wonderful post!

      Delete
    2. I will update you guys on this. :)

      Delete
  27. Thanks you for the information. It was very useful in mycase, because I was having problems with the titles relative to every post inside the native blogger widget, and it was easy to delete the prior and include yours in the same place.
    I have two blogs, and I have placed your archive listpage widget in both.

    ReplyDelete
  28. thank you very much, this is exactly what i was looking for!! :)

    ReplyDelete
  29. Thanks, I'm searching for this so many time

    ReplyDelete
  30. Theres a way to make the archive page have thumbnails?

    ReplyDelete
  31. Hi There! I hope you're still active cause I really need your help. :-)
    It seems like sometimes this archive list works but every now and then when I click again on "overview" in my blog, nothing appears. What do you think is wrong? Should I delete the intro-text?
    Many thanks!

    cherry-ish.blogspot.com

    ReplyDelete
    Replies
    1. You really don't have to delete the intro text. Unless you messed up a part of the code. Sometimes redoing/creating a new page works.

      Delete
  32. Hello Sarah, thank you very much for this archive page, it worked worderfully for me for couple of months, but suddenly it just stopped and it does not show the list of my blog posts. Can you please check out what the issue is? I am not an IT person by any means and I have no knowledge of codes whatsoever. thank you so so much.

    http://beautyrecenzie.blogspot.sk/

    ReplyDelete
    Replies
    1. Can you try creating new archive page? Because blogger can sometimes be buggy.

      Delete
  33. Thank you so much for this. I'm redesigning my blog, and have the same template you do! ;) The only problem I have is like a few others have - not showing the entire archive. I changed the Max Results as well as creating a new page, but no luck. Any more suggestions? http://lisabrowndesign.blogspot.com/

    ReplyDelete
  34. Thank you Sarah ��

    ReplyDelete
  35. Thank You! May you send me the same code but with the days removed? I tried tinkering with the code so the number of "days" won't show but it didn't work.

    ReplyDelete
  36. Thank you so much! This was so helpful! :)

    ReplyDelete
  37. Thank you so much. It works, this was super helpful! :D

    From: umarublogs.blogspot.com

    ReplyDelete
  38. wow. very so helpful! Thank you for kindly sharing.

    ReplyDelete
  39. The code is working but like others have stated not all the posts are showing. Seeing how I have around 1100 posts I would be selling myself and my audience short. Also on my blog it did not come out as good as on this site. So I went back to an older code I have been using. It might not be as stylish, it looks good enough plus it shows all the posts. In the following link you will see how it will look like and I have put on the code for you to copy and paste.

    http://www.chrichtonsworld.com/2016/06/how-to-create-archive-of-all-your-posts.html

    ReplyDelete
    Replies
    1. Thank you for sharing this. I haven't really figured out what's going on (and I got busy with work too). Using this custom code and jhwilson's code shows the same results (archive not showing completely). Although it worked before. Something from Blogger might have changed and I'm trying to figure it out.

      Delete
    2. thank you so much for this!! this is the only method of archive page that i've seen that doesn't cut off older posts, and the added functionality of being able to sort chronologically or alphabetically (or reverse!) is very cool. if anyone who's better at java than i am is able to tweak this code to make it look like sarah's, i'm sure lots of us would be excited about it :-*

      Delete
  40. Yeah, I was so thrilled with the code. It was very neat and categorised my posts so beautifully. But the archive was incomplete - the posts from the first 6 years just disappeared. If you do find a solution, please, please let me know. :)

    ReplyDelete
  41. HI great tutorial.
    I have been customizing my blog as well, you can take a look here
    https://facinettoure.blogspot.com

    ReplyDelete
  42. Thanks, I've been looking for this code for a while now! :)

    ReplyDelete
  43. Oh my goodness thank you! I previously had an index, but my blog freaked out on me, deleted it, and refused to let me make a new one. Yours is the only one that has worked thus far. I was getting really worried for a moment there. *whew*

    ReplyDelete
  44. only one problem with this... after attempting to change the max records to 500, I discovered that Google servers must somehow limit the response to 500 records... cause 1000 don't work at all.

    ReplyDelete
  45. Hi! I absolutely loved using your style of archive, the code has worked successfully on my blog page up until today. It disappeared, and yet the code was still there! I tried making another archive page, then checked that the blog name was spelled correctly in the code which it is, so I don't know what else to do! I would appreciate some help, my archive page is: http://www.madisontaylor.co/p/archive_94.html

    ReplyDelete
  46. Hi! Been using it for a while (thx ^^) until I realised that it only shows the first 120 posts.. Have u found any fix around?

    ReplyDelete
  47. I pasted your code exactly as you said, but nothing shows up...what am I doing wrong?
    http://readitwritenow.blogspot.com/p/archives_8.html

    ReplyDelete
  48. Ok, this is f..up. Just a couple of days ago I checked my archive and it was working just fine. Now it's not working at all. I am getting a little tired of this and think I am going to make my own archive manually without having to resort to scripts and such.

    ReplyDelete
  49. I followed the all steps to get the archive page working, but all I have is a blank page. I need help! :(

    ReplyDelete
  50. This comment has been removed by the author.

    ReplyDelete
  51. Ahhhh thank you! This post is amazing. I love having the blog archive in a separate page, rather than in my sidebar. My only confusion is that it only goes back to March for some reason, but I'll try to figure it out. Thanks again!

    ReplyDelete
  52. Thnk You Sarah... This is amazing. I've been looking for this since a week. i was searching with keyword "Sitemap"... But most of them on the list just sitemap.xml
    But now i can find it.

    Again... Thank you very much.

    ReplyDelete
  53. This is good code. Appreciate your blog post. A lot of people would be looking for this..

    ReplyDelete
  54. Hi, This looks like a lovely tutorial but mine doesn't seem to want to work. Do you know what might be the problem? Thank you

    www.whatsarahwrites.com

    ReplyDelete
  55. Thank you! Im searching for this tutorial many time!

    ReplyDelete
  56. This comment has been removed by the author.

    ReplyDelete
  57. Hi, I've followed all your steps and the page keeps on coming up blank

    Any suggestions on how I can fix it please?

    Thanks in advance x

    www.sheynareece.blog

    ReplyDelete
    Replies
    1. At my blogger blog the page remains white, too. Has blogger changed something that invalidated this code? I can read the code a bit, so it's likely the callback that's not called. Any ideas, anyone?

      Delete
  58. Hi Sarah, I know this is an older entry for you, but when I Googled Create an Archive for Blogger your post came up. I used to have code that worked just fine on a page I created in Blogger for Archives, but recently I noticed it stopped working. I tried to update it, but no good, so thought I'd look for new code. Yours is the 3rd version I've tried and I cant figure out why none of them work. Nothing populates.

    I see you still have your Archives in your sidebar, rather than a link on your nav bar, did the code stop working for you too?

    My site URL is www.tinseltine.com do I include the www? or just insert tinseltine.com into the area of the code where you add "Your Blog Here" ? I've tried it both ways and neither worked.

    Would love your feedback. Thank you! It's great that you've been on Blogger since 2007. I've been on since 2008 :)

    ReplyDelete
    Replies
    1. It is still actually working but it no longer shows all the posts I have unlike before. That's why I placed the archives on the sidebar for easy access.

      Delete
    2. I'm still trying to figure out what's wrong and why it stopped working all so suddenly. Maybe Blogger has changed something.

      Delete
  59. Thank you so much! This is exactly what I needed and this article helped me so much. God bless!

    ReplyDelete
  60. I used your code...works great...except it only shows my posts back to 2014, even though I have posts all the way back to 2012. How do I get them ALL to show?

    ReplyDelete
    Replies
    1. It used to work and shows all posts. But something changed in blogger. the code: "http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=LoadTheArchive" -- if you can see that max-results=500, it's supposed to show 500 posts when loading it. but something really changed in blogger.

      Delete
    2. yeah, same here...didnt work for me. i guess was working with older settings. but 2017 updates just changed the game

      Delete
  61. This comment has been removed by the author.

    ReplyDelete
  62. Hi! Sarah. :) I'm a blogger since 2009 but still exploring how I will make my blog look good. And having an archive is one of those. Thank you for this informative blog. I have two questions to ask.

    First, how will I follow your blog? Because I don't see Follow link here. :)
    Lastly, this is about my two blogs. The first one is my personal blog (purplechicc101.blogspot.com) and the latest one is my educational blog, which I created recently is purplechicc101nook.blogspot.com which I made intended to post educational materials which I made since I am a public school teacher.

    My question is, could it possible that I will put my blogs in just one blog account rather than separate them? Or is it better separated for distinction of my personal posts from educational ones?

    Sorry for this quite long comment. Just got curious after seeing your blog. It looks lovely and simple. I bet, just like you. :)

    ReplyDelete
  63. Oh thank you so much for this, and for sharing your hard work! As a rather technologically illiterate person, I never thought I would actually be able to have something like this, though I also always wanted my archives on their own page! I just had a quick question: is there some easy way to change it so that, rather than by date, I could make a second "archives" page by category instead of date? Feel free to ignore this question if it's something very time-consuming, or requires coding -- I won't understand it, hah! But, I thought I would ask just in case it's something that only needs a line or two of change. Either way, thank you for creating and sharing this!

    ReplyDelete
  64. Tnx... it's working for me my website http://www.shinetech.ml/

    ReplyDelete
  65. Thanks a lot. It worked for me on my site http://www.gomothersday.com

    ReplyDelete
  66. This comment has been removed by the author.

    ReplyDelete
  67. thank you so much! this works wonders...i love it

    ReplyDelete
  68. Thank you so much! This was so helpful!! I tried many and this was the first one that worked and it looks so good :)

    ReplyDelete
  69. Thanks so much, this is great! www.whatrachaelreadnext.co.uk

    ReplyDelete
  70. This was very helpful. Thank you for being so kind to share this. :')

    ReplyDelete
  71. i had made a archive page of http://www.getoverview.tk/p/archieve.html but have a problem with the serial.kindly resolve my issue regarding this

    ReplyDelete
  72. Hi Sarah,
    Thanks for this post, this is what I'm looking for, full javascript source code!
    When the other side is rely on seperate JS file in others server.
    Send my thanks to your boyfriend as well :)

    Here is my TOC / Archieve page looks like : http://otodiy.blogspot.co.id/p/arch.html
    made some javascript adjustment so I create anothers page by LABELS/TAG : https://otodiy.blogspot.co.id/p/accordion.html

    Here is my modified source looks like :
    http://copypastesave.blogspot.co.id/2017/06/create-table-of-contents-page-in-blogger.html
    Sorry, missing the javascript formatting there so it not nicely display as yours. Maybe you could show me the link how you do formatting Javascript so nicely ?

    regards,
    singachu

    ReplyDelete
    Replies
    1. Hey Singa, your solution is pretty neat. Thank you for sharing! :)

      Delete
  73. excuse me, can u show me how to change the tag of the archive.. i mean, the archive is based on date and year. so if i could change the tag from date and year to maybe my own blog's label , it could be great. so that people could easily find anything related to the labeled posts. thx in advance

    ReplyDelete
  74. Just what I was looking for! Thank You!

    ReplyDelete
  75. Wonderful Information guys. Thank you for this....need a little help...I am in the process of developing a blog fro Music Therapy...I followed your code and pasted it with blogname as followed. I have just a single post now that is of 21st June.....but don't see the post coming in when I run the archive file...could you please help...Thank you in Advance.

    src="https://musictherapyandbeyond.blogspot.in/feeds/posts/default?max-results=500&alt=json-in-script&callback=LoadTheArchive"

    ReplyDelete
  76. There is the Turkish Month names: var MonthNames=["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"];

    ReplyDelete
  77. nice, book mark na this hehe

    ReplyDelete
  78. Hi! I found this page a while page and this archive was a very nice looking and useful addition, however I am having some issues.

    I'm working on creating a template for an older woman and was using a test site for myself to test out the new layout before putting it onto her blog. On my test blog, it worked out fine. However, it doesn't work on hers at all. The difference between our blogs is my test blog has ".blogspot" in the url while hers does not and is a purchased domain, similar to yours.

    I was hoping you might be able to shed some light as to why its possible the archiver is unable to load the posts from the feed for her blog (or any blog that's a purchased domain) and not mine? I've tried using the update you mentioned in June 2017, but it didn't work.

    Thank you.

    ReplyDelete
    Replies
    1. Well, never mind I guess! It suddenly just started working and I have no idea why.

      Delete
  79. Thank you so much for this, I've used it before and realised it's important to recreate this page for my website.

    www.bekaellen.com

    ReplyDelete
  80. Hi, thanks so much. It worked for me. www.deodonel.blogspot.com

    I noticed that if I include "www" when i point it to my web address it fails to work. Might be the problem why it ain't working for some guys.

    ReplyDelete
  81. really appreciate this post! but it seems it doesn't work on my blog :( nothing appears to be showing up on the page for me, not too sure why.

    ReplyDelete
  82. Thanks so much! This was really helpful

    ReplyDelete
  83. Hello :)
    Thank you so much for this info. It took me a few tries to figure out how to make this work. Firstly, the ending of the URL, which needed to add .BR in my country.
    After that, it still wasn't working. Then I figured out something: My blog was restricted to only author to see, when I changed that, it worked. Just in case someone has the same troubles :p

    ReplyDelete
  84. this is exactly what I was looking for. thank you.

    have a lovely day.

    ReplyDelete
  85. Thanks for sharing the info. It was quite helpful while developing my own blog.

    Happy blogging! :)

    ReplyDelete
  86. Thanks for your sharing :)
    It's what my blogger needs !

    ReplyDelete
  87. question though is it possible to make two columns or more cause it's hard to look for something and can it be filtered like alphabetical not just by date?

    ReplyDelete
  88. Nice feature, added it but my 2007 site through 2017 only gives me 2012-2008. Even adding 150 through about 7,151 does not add to 2012-2008 archive either newer toward 2013 or older toward 2007. And I use awesome template.

    ReplyDelete
  89. very good share. i will try this to my blog, i hope it working

    ReplyDelete
  90. Thank you for sharing it i will do and add to my this blog. atozfreeblog.tk

    ReplyDelete
  91. Thank you for sharing it i will do and add to my this blog. http://atozfreeblog.tk

    ReplyDelete
  92. Thank you for sharing it i will do and add to my this blog. http"//www.atozfreeblog.tk

    ReplyDelete
  93. Must try this...thanks for share this Sarah

    ReplyDelete
  94. ကျေးဇူးတင်ပါတယ်

    ReplyDelete
  95. Heads up guys. My archive is currently not working because I have enabled https availability. For those of you who do not know, Google now allows https to custom domains. But it did screw up my archive and I'm trying to fix it. Changing the URL from http to https from the codes seem not to work.

    So, if you are going to switch on your https availability (this can be found in Settings > Basic), the same thing might happen to you.

    ReplyDelete
    Replies
    1. Same problem here, but what I did: at the end of the code, I put a link for http address and works great!

      Thanks for this post! I'm using here: http://www.amtonline.com.br/p/todos-os-posts.html

      Delete
  96. This comment has been removed by the author.

    ReplyDelete
  97. Thanks for the post. Great help !!
    http://www.coinvalues.com

    ReplyDelete
  98. Greetings! Very helpful advice within this post! It's the little changes which will make the biggest changes.
    Thanks a lot for sharing!

    ReplyDelete
  99. Wow! This could be one particular of the most helpful blogs We have ever arrive
    across on this subject. Basically Great. I'm also a specialist in this topic so
    I can understand your effort.

    ReplyDelete
  100. This blog is so nice to me. I will keep on coming here again and again. Visit my link as well.. https://view.ly/v/anmlDCHg1JGS

    ReplyDelete
  101. NEW UPDATE POSTED! Especially for those having https issues. :)

    ReplyDelete
  102. hi! i did copy the code and published but the page does not exist :(

    ReplyDelete
    Replies
    1. Hello, did you publish the page? I haven't actually heard of anyone having that problem.

      Delete
  103. Hi Sarah. I have copy the https code in my page but it's not working.
    In this new code there is no url for the website/blog.
    Do we need that line?

    ReplyDelete
    Replies
    1. I'm using the exact code and it's working for me. There's actually a url, but it's a relative url. Which means you don't need the https://domain.

      Delete
    2. /feeds/posts/summary?alt=json-in-script... - this is the url. you may try adding your domain before /feeds. For example https://www.sarwrites.com/feeds/posts/summary?alt=json-in-script...

      Delete
    3. Your https code above doesn't work as there is no reference to the blog/website URL anywhere in it. Your suggestion above to add the blog or website URL before "/feeds..." doesn't work either, it just creates a blank page with no list of posts. You should check your work before publishing as currently the provided https code does not work.

      Delete
    4. As you can see from the comments it worked for me and a lot of people here. I just don’t know why It doesn’t work for others but hey, I’m just sharing information that’s helpful and at least functioning for most. :)

      Delete
  104. Hi. I copied the code for https websites. But it's not working tho. Would you have an idea why? Here is the link https://felicitymum.blogspot.com/p/archive.html

    ReplyDelete
  105. Thanks for sharing and keeping it updated!

    ReplyDelete
  106. Hey, i copied your code for https,but not working.
    can you fix it?
    my url is : https://www.v5n.in/p/function-loadthearchivetotalfeed-var.html

    ReplyDelete
  107. Thanks for helping out fellow bloggers with this. I just tried all of the codes in various ways, but none of it is working. All I see is a white screen.

    ReplyDelete
  108. Thank you for this ^^
    Btw how did you make the links font bold only in your sitemap page?
    Thanks again!

    ReplyDelete
  109. thnk u, at first it didn't work but I just delete the s from https, then save it, and the put it again, and it started to work https://www.videoonlinetranslation.com/p/blog.html

    ReplyDelete
  110. Thank u Soo Much Dear Its Really works

    ReplyDelete
  111. not working in my blogger
    i have 81 posts

    ReplyDelete
  112. It worked for me. But for those sites that didn't work, you can try jhwilson's code. That one is not edited/customized. So maybe that might work for you. Scroll up and find jhwilson's code, it is linked in the post.

    ReplyDelete
  113. Thank you for the useful post.

    ReplyDelete
  114. THANK YOU SO MUCH! One step to add is that once the new page is published, to go back into design to "configure page list" to add the archive tab.

    ReplyDelete
  115. Hello, it doesn't work for me. I used the https code and there is no: "yourbloghere" placeholder. However, I tried to insert after: "<script src=" and it tells me there is no entrance value. What am I doing wrong?

    ReplyDelete
  116. Thank you very much to everyone involved! I really appreciate this! :)

    ReplyDelete
  117. Hi, This is Usefully .It's Only work in Public Blog Not Privet blog ..!
    Any solution ?

    ReplyDelete
  118. Bitdefender blocked this page saying webpage contains threats. Is that any way that the code contains a virus or something?

    ReplyDelete
    Replies
    1. If you are talking about the code, I dont think so. You can see that the code is pretty straightforward. Nothing suspiscious. But if you are talking about my blogsite, maybe it has something to do with the theme I installed.

      Delete
  119. Thank you Sarah. I've been looking for a code to do this for a while, and yours was simple and easy to install.

    ReplyDelete
  120. Thanks Sarah for this useful script! I have just used it for my blog :)
    Just a question, I wanted to thank you in the archive page, but as soon as I wrote something extra in the page, the script disappeared. So I thanked you in the comments. But if you can give a suggestion on how to add an extra sentence in the script without doing a mess, I'd be happy to acknowledge your kindness in the archive page :)
    Marta

    ReplyDelete
  121. Thanks Sarah for this useful script! I have just used it for my blog :)
    Just a question, I wanted to thank you in the archive page, but as soon as I wrote something extra in the page, the script disappeared. So I thanked you in the comments. But if you can give a suggestion on how to add an extra sentence in the script without doing a mess, I'd be happy to acknowledge your kindness in the archive page :)
    Marta

    ReplyDelete
  122. Hi,
    This Work only if blog is in Public?
    In privet blog mode this not working >
    Is there any solution ?

    ReplyDelete
  123. I past the code to a page of my blogspot and nothing.
    Change to my url too
    Can someone make a video explaining.
    thanks

    ReplyDelete
  124. I have reached 100 posts limit on my blog account, now what should i do to continue writing content on blogger?

    ReplyDelete
  125. Thank you so much!!!!

    ReplyDelete
  126. The https code works like a charm! Thank you!

    ReplyDelete
  127. thank you..this is so easy..just copy and paste the code..no need to change anything

    ReplyDelete
  128. Is this broken in 2021? I can't seem to get it to work on my blog.

    ReplyDelete
  129. 👍👏👏👏

    ReplyDelete
  130. Hey it works for my blog! Thank you for the update babe!

    Best regards,
    www.ruby.my

    ReplyDelete
  131. Is this code still good for January 2022?
    I did as instructed - including small updates along the way and still only get a blank page. :o(

    ReplyDelete
    Replies
    1. yes, the code still good until now (Sept 2022), you can try mine as example : bit.ly/3hAAC0C

      Delete
  132. It's an old post but just a quick thanks - found this - the only one i could with everything explained correctly - and just regained access to last 14 years of posts - very happy about that..

    ReplyDelete
  133. Mine only shows up to July 2018 even I added more lines. What i'm doing wrong?

    ReplyDelete
    Replies
    1. Maybe change the values in the lines that you add

      Delete
  134. Why doesn’t it work when the blogger reader access is only given to authors? (Not public)

    ReplyDelete