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:
 |
| 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):
 |
| JanCarlo's archive page for blogger |
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)
 |
| 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)
 |
| 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:
 |
| Click image to enlarge |
Step 3: Customize
Don't freak out! It's just easy.
First you have to look for this:
 |
| 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.
 |
| Do not alter the class names e.g. (.dateStyle/.dayStyle) |
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
200 Comments
very helpful sarah. Thanks for sharing.
ReplyDeletewww.hintofglitter.com
Thank you! And you're welcome. :)
Deletea 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 :)
DeleteAnonymous is right as I noticed the same issue when I tried it today.
DeleteHi. 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.
ReplyDeleteHello. Do you mean to copy the contents of your old blog?
DeleteWow! Now i know the importance of archives, thanks for this tips!
ReplyDeleteI'm using it! I'm loving it! Thank you for sharing it!
ReplyDeleteYou're welcome. I'm happy you love it! :)
DeleteI 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)
ReplyDeleteYou'll get the hang of it. Thanks for dropping by! Keep blogging. :)
DeleteNice :)
ReplyDeleteThanks so much! This was so helpful!
ReplyDeleteThanks for the how to, I am forever revamping my blog haha. This is something I might just consider doing. :)
ReplyDeleteI love the look of your blog, Sarah! Your listpage looks so better and clean. I like it!
ReplyDeleteThis post will surely help those who are still using blogger as a platform. Thanks for sharing.
ReplyDeleteThank you for this! Ang saya!
ReplyDeleteThis 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!!
ReplyDeleteHi. 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.
DeleteOkay thanks so much!!
ReplyDeleteThank 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
ReplyDeleteYou're welcome. I'm glad I could help. :)
Deletemine is not working, would you be able to guess why?
ReplyDeleteHi Sina, I tried going over your page so I can see the problem but your website is accessible only for invited readers.
DeleteThanks! How do I include all my posts? The archive page only shows up to a maximum of 500 posts. Salamat!
ReplyDeleteDo you see this code: script src="http://YOURBLOGHERE.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=LoadTheArchive" /
Deleteyou may change the value of 500 to your preferred number.
Thank you!
DeleteHello! 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.
DeletePage is: http://www.my-borderline-personality-disorder.com/p/archives.html
Hi Debbie Corso,
Deletesame 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
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!
ReplyDeletewww.arventuroustrails.com
Never mind, it started working somehow! YAY! Thank you so much!
ReplyDeleteThat's great! You're welcome :)
DeleteThank You (:
ReplyDeleteYou're welcome. :)
DeleteI'm from Indonesia (:
ReplyDeleteHi 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
ReplyDeleteHi! 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.
DeleteI see! Maybe sth changed when the year rolled over to 2016 hahaha, do keep me posted! :)
DeleteYes, 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.
DeleteGreat tip! You save me for hours of finding this awesome trick! Thanks Sarah? BTW your surname not Duterte righ? :) kidding. Thanks Again!
ReplyDeletehttp://talkntextcallpromos.blogspot.com/
You're welcome. And no, I'm not a Duterte. But I'm a proud supporter! ^_^
DeleteGreat tipp, but I have a little question in the end..
ReplyDeleteI 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
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.
DeleteOh 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!
DeleteI always wanted an archive as a page and not in my sidebar..
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.
ReplyDelete"http://ameliatwee.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=LoadTheArchive"
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.
DeleteOmg! Salamat dito, life saver ka teh ^_^
ReplyDeleteYou're welcome! ^_^
DeleteIncredibly awesome of you. THANK YOU!
ReplyDeleteYou're welcome. :)
Deleteim not able to install d same for my website ,
ReplyDeletei have entered feed url but not getting :(
Hi! Would you mind repeating the same process on a new page? Because for some it worked when they did it again. :)
DeleteExtremely helpful and given in a very simple way. Thank you so much!
ReplyDeletevery helpful, thanks! :D
ReplyDeleteis there a way to add a 0 before days 1-9? so that the start of each post title lines up?
ReplyDeletehttp://www.twinspirational.com/p/archive-2.html
This is almost exactly what I'm looking for for my travel diary!
ReplyDeleteI'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
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. :)
ReplyDeleteHi Sarah,
DeleteThank 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!
I will update you guys on this. :)
DeleteThanks 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.
ReplyDeleteI have two blogs, and I have placed your archive listpage widget in both.
thank you very much, this is exactly what i was looking for!! :)
ReplyDeleteThanks, I'm searching for this so many time
ReplyDeleteTheres a way to make the archive page have thumbnails?
ReplyDeleteHi There! I hope you're still active cause I really need your help. :-)
ReplyDeleteIt 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
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.
DeleteHello 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.
ReplyDeletehttp://beautyrecenzie.blogspot.sk/
Can you try creating new archive page? Because blogger can sometimes be buggy.
DeleteThank 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/
ReplyDeleteThank you Sarah ��
ReplyDeleteThank 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.
ReplyDeleteThank you so much! This was so helpful! :)
ReplyDeleteThank you so much. It works, this was super helpful! :D
ReplyDeleteFrom: umarublogs.blogspot.com
wow. very so helpful! Thank you for kindly sharing.
ReplyDeleteThe 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.
ReplyDeletehttp://www.chrichtonsworld.com/2016/06/how-to-create-archive-of-all-your-posts.html
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.
Deletethank 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 :-*
DeleteYeah, 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. :)
ReplyDeleteHI great tutorial.
ReplyDeleteI have been customizing my blog as well, you can take a look here
https://facinettoure.blogspot.com
Thanks, I've been looking for this code for a while now! :)
ReplyDeleteThanks, this is helpful
ReplyDeleteOh 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*
ReplyDeleteonly 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.
ReplyDeleteHi! 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
ReplyDeleteHi! Been using it for a while (thx ^^) until I realised that it only shows the first 120 posts.. Have u found any fix around?
ReplyDeleteI pasted your code exactly as you said, but nothing shows up...what am I doing wrong?
ReplyDeletehttp://readitwritenow.blogspot.com/p/archives_8.html
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.
ReplyDeleteI followed the all steps to get the archive page working, but all I have is a blank page. I need help! :(
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteAhhhh 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!
ReplyDeleteThnk 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
ReplyDeleteBut now i can find it.
Again... Thank you very much.
This is good code. Appreciate your blog post. A lot of people would be looking for this..
ReplyDeleteHi, 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
ReplyDeletewww.whatsarahwrites.com
Thank you! Im searching for this tutorial many time!
ReplyDeletewww.itworldd.tk
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteHi, I've followed all your steps and the page keeps on coming up blank
ReplyDeleteAny suggestions on how I can fix it please?
Thanks in advance x
www.sheynareece.blog
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?
DeleteHi 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.
ReplyDeleteI 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 :)
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.
DeleteI'm still trying to figure out what's wrong and why it stopped working all so suddenly. Maybe Blogger has changed something.
DeleteThank you so much! This is exactly what I needed and this article helped me so much. God bless!
ReplyDeletehelpful, thank you salamat!
ReplyDeleteI 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?
ReplyDeleteIt 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.
Deleteyeah, same here...didnt work for me. i guess was working with older settings. but 2017 updates just changed the game
DeleteThis comment has been removed by the author.
ReplyDeleteHi! 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.
ReplyDeleteFirst, 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. :)
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!
ReplyDeleteTnx... it's working for me my website http://www.shinetech.ml/
ReplyDeleteThanks a lot. It worked for me on my site http://www.gomothersday.com
ReplyDeleteThis comment has been removed by the author.
ReplyDeletethank you so much! this works wonders...i love it
ReplyDeleteThank you so much! This was so helpful!! I tried many and this was the first one that worked and it looks so good :)
ReplyDeleteThanks so much, this is great! www.whatrachaelreadnext.co.uk
ReplyDeleteThis was very helpful. Thank you for being so kind to share this. :')
ReplyDeletei 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
ReplyDeleteHi Sarah,
ReplyDeleteThanks 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
Hey Singa, your solution is pretty neat. Thank you for sharing! :)
Deleteexcuse 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
ReplyDeleteJust what I was looking for! Thank You!
ReplyDeleteWonderful 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.
ReplyDeletesrc="https://musictherapyandbeyond.blogspot.in/feeds/posts/default?max-results=500&alt=json-in-script&callback=LoadTheArchive"
Check if it has a title?
DeleteThere is the Turkish Month names: var MonthNames=["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"];
ReplyDeleteThank you! ;)
ReplyDeletenice, book mark na this hehe
ReplyDeleteHi! I found this page a while page and this archive was a very nice looking and useful addition, however I am having some issues.
ReplyDeleteI'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.
Well, never mind I guess! It suddenly just started working and I have no idea why.
DeleteVery helpful. Thanks for sharing!!!
ReplyDeleteThanks Sarah
ReplyDeleteThank you so much for this, I've used it before and realised it's important to recreate this page for my website.
ReplyDeletewww.bekaellen.com
Hi, thanks so much. It worked for me. www.deodonel.blogspot.com
ReplyDeleteI 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.
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.
ReplyDeleteThanks so much! This was really helpful
ReplyDeleteHello :)
ReplyDeleteThank 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
this is exactly what I was looking for. thank you.
ReplyDeletehave a lovely day.
Thanks for sharing the info. It was quite helpful while developing my own blog.
ReplyDeleteHappy blogging! :)
Thanks for your sharing ：）
ReplyDeleteIt's what my blogger needs !
You are the best! Thanks!
ReplyDeleteIt really works! Thank you! :D
ReplyDeleteNice 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.
ReplyDeletevery good share. i will try this to my blog, i hope it working
ReplyDeleteThank you for sharing it i will do and add to my this blog. atozfreeblog.tk
ReplyDeleteThank you for sharing it i will do and add to my this blog. http://atozfreeblog.tk
ReplyDeleteThank you for sharing it i will do and add to my this blog. http"//www.atozfreeblog.tk
ReplyDeleteMust try this...thanks for share this Sarah
ReplyDeleteကျေးဇူးတင်ပါတယ်
ReplyDeleteHeads 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.
ReplyDeleteSo, if you are going to switch on your https availability (this can be found in Settings > Basic), the same thing might happen to you.
Same problem here, but what I did: at the end of the code, I put a link for http address and works great!
DeleteThanks for this post! I'm using here: http://www.amtonline.com.br/p/todos-os-posts.html
This comment has been removed by the author.
ReplyDeleteThanks for the post. Great help !!
ReplyDeletehttp://www.coinvalues.com
Greetings! Very helpful advice within this post! It's the little changes which will make the biggest changes.
ReplyDeleteThanks a lot for sharing!
Wow! This could be one particular of the most helpful blogs We have ever arrive
ReplyDeleteacross on this subject. Basically Great. I'm also a specialist in this topic so
I can understand your effort.
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
ReplyDeleteNEW UPDATE POSTED! Especially for those having https issues. :)
ReplyDeletehi! i did copy the code and published but the page does not exist :(
ReplyDeleteHello, did you publish the page? I haven't actually heard of anyone having that problem.
DeleteHi Sarah. I have copy the https code in my page but it's not working.
ReplyDeleteIn this new code there is no url for the website/blog.
Do we need that line?
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/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...
DeleteYour 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.
DeleteAs 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. :)
DeleteHi. 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
ReplyDeleteThanks for sharing and keeping it updated!
ReplyDeleteHey, i copied your code for https,but not working.
ReplyDeletecan you fix it?
my url is : https://www.v5n.in/p/function-loadthearchivetotalfeed-var.html
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.
ReplyDeleteThank you for this ^^
ReplyDeleteBtw how did you make the links font bold only in your sitemap page?
Thanks again!
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
ReplyDeleteThank u Soo Much Dear Its Really works
ReplyDeleteIt 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.
ReplyDeleteThank you for the useful post.
ReplyDeleteAwesome, thx!
ReplyDeleteTHANK 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.
ReplyDeleteThank you very much very nice ideas !
ReplyDeleteHello, 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?
ReplyDeleteThank you very much to everyone involved! I really appreciate this! :)
ReplyDeleteHi, This is Usefully .It's Only work in Public Blog Not Privet blog ..!
ReplyDeleteAny solution ?
Bitdefender blocked this page saying webpage contains threats. Is that any way that the code contains a virus or something?
ReplyDeleteIf 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.
DeleteThank you Sarah. I've been looking for a code to do this for a while, and yours was simple and easy to install.
ReplyDeleteThank you, it works!
ReplyDeleteThanks Sarah for this useful script! I have just used it for my blog :)
ReplyDeleteJust 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
Thanks Sarah for this useful script! I have just used it for my blog :)
ReplyDeleteJust 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
Hi,
ReplyDeleteThis Work only if blog is in Public?
In privet blog mode this not working >
Is there any solution ?
I past the code to a page of my blogspot and nothing.
ReplyDeleteChange to my url too
Can someone make a video explaining.
thanks
I have reached 100 posts limit on my blog account, now what should i do to continue writing content on blogger?
ReplyDeleteThank you so much!!!!
ReplyDeleteThank you so mmmmmaaaaa
ReplyDeleteThe https code works like a charm! Thank you!
ReplyDeletethank you..this is so easy..just copy and paste the code..no need to change anything
ReplyDeleteIs this broken in 2021? I can't seem to get it to work on my blog.
ReplyDelete👍👏👏👏
ReplyDeleteHey it works for my blog! Thank you for the update babe!
ReplyDeleteBest regards,
www.ruby.my
Is this code still good for January 2022?
ReplyDeleteI did as instructed - including small updates along the way and still only get a blank page. :o(
yes, the code still good until now (Sept 2022), you can try mine as example : bit.ly/3hAAC0C
DeleteIt'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..
ReplyDeleteMine only shows up to July 2018 even I added more lines. What i'm doing wrong?
ReplyDeleteMaybe change the values in the lines that you add
DeleteWhy doesn’t it work when the blogger reader access is only given to authors? (Not public)
ReplyDeleteThanks a ton. Works well for me with a fix mentioned by Anonymous comment dated April 25, 2018 (at the top as it is a reply to a Sept. 2015 comment) about "601+150=751 not 851". I had to repeat some script code to handle the 1475 published posts on one of my blogs but that was straightforward stuff.
ReplyDeleteHow to sort the date archives from oldest to newer?
ReplyDelete