Create an Archive List/Page for Blogger


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.



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 hope it all works for you as well. :)

Sarah

30-something grown up who still hasn't figured out how taxes really work. Needs improvement. Ineffable, nonetheless.

134 comments:

  1. very helpful sarah. Thanks for sharing.

    www.hintofglitter.com

    ReplyDelete
  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
    Replies
    1. You're welcome. I'm happy you love it! :)

      Delete
  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
    Replies
    1. You're welcome. I'm glad I could help. :)

      Delete
  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. Very useful, thank you very much

    ReplyDelete
  61. 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
  62. This comment has been removed by the author.

    ReplyDelete
  63. 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
  64. 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
  65. Tnx... it's working for me my website http://www.shinetech.ml/

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

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

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

    ReplyDelete
  69. 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
  70. Thanks so much, this is great! www.whatrachaelreadnext.co.uk

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

    ReplyDelete
  72. 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
  73. 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
  74. 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
  75. Just what I was looking for! Thank You!

    ReplyDelete
  76. 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
  77. 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
  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. Very helpful. Thanks for sharing!!!

    ReplyDelete
  80. 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
  81. 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
  82. 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
  83. Thanks so much! This was really helpful

    ReplyDelete

Instagram