Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Saturday, October 16, 2010

Dedicated Separate Archive Page

This tutorial teaches you how to create a separate archive page, on a static page. That means, you'd be able to see a dedicated static page on your menu, on which you can click on to view your blog's archive. You can choose to display or not to display conventional archive gadget on the sidebar, that's totally up to you. Anyway, you can check out a sample here:

http://www.test2.southernspeakers.net/p/archive.html

The idea behind this tutorial is to place the Archive gadget on all the pages, and then code it in such a way that it will only be visible on one selected static page. Before starting this tutorial, I am going to assume that you already have an Archive Static Page created and optionally Pages Gadget (menu bar) placed below your header.


Step 1:


Objective: To place and reposition Archive Gadget

If you don't already have an Archive Gadget, go to Page Elements/Layout - Add a Gadget - Blog Archive - and place it above Blog Post (below will do fine as well) - Save


Doing this right, you will now see Archive gadget on top of every single page in your blog, including Static Pages.

Step 2:

Objective: To hide archive gadget from being displayed in all pages, except for one defined page. And to remove other page elements from Archive page.

Needless to say, that one defined page is our dedicated Archive page that you have created. If you have not already done so, go Posting - Edit Pages - New Page and just create a blank page with the title Archive.


If you're using the old Blogger interface: Go to Dashboard - Design - Edit HTML - Back Up (Download Full Template) -

If you're using the new Blogger interface:
Go to Dashboard - Template - Backup/Restore - Download Full Template - Close -  Edit HTML - Proceed -

Find for </b:skin> and place the following code directly below </b:skin>
<b:if cond='data:blog.url != "http://testblog8-southernspeakers.blogspot.com/p/followers.html"'>
<style>
#BlogArchive1{
display:none;
}
</style>
<b:else/>
<style>
#Blog1{
display:none;
}
</style>
</b:if> 
This code will hide the archive gadget from all the pages except for the page that you input in the first line. Also, usual page elements will be hidden from this page. To use this code in your blog, change the URL to your Archive page's URL.

The code in place:


If for some reasons the code does not work, and you're absolutely sure that you have changed the address in the code above to your archive page's address, kindly check if the ID of your archive gadget and blog-posts gadget are the default ones. Default ID for the archive gadget is BlogArchive1. Default ID for blog posts is Blog1. See here to learn how you can check the IDs of your gadgets.

You are done! You have placed your Archive gadget on only your archive page. If for some known reasons you find that your blog's margin has not been level, please refer to this tutorial on how to fix this margin.

132 comments:

  1. Thank you, just a couple lines of code did exactly what I wanted!

    ReplyDelete
  2. Thank you! Thank you! Thank you! I've been trying to figure this out for awhile and you had the perfect solution and it was easy to follow.

    ReplyDelete
  3. Awesome! I did it!!! Thank you for ALL your help!

    ReplyDelete
  4. Kristin: Happy to help, as always.

    Camilla: Glad you find it helpful. Thanks for dropping by.

    ReplyDelete
  5. Hi. I did exactly what you said, and while the blog archive gadget does now appear on my archive page, it still appears on my home page and the other blog elements are still on my archive page. what should I do?

    ReplyDelete
  6. @Anonymous: What's your blog's address? Sounds like you are having problem in steps 2 and 3. Make sure you make the necessary changes in step 2 and 3, you have to change the URL there.

    ReplyDelete
  7. Hello,
    I was so pleased to find this article, and tho' I believe I have been following the instructions, so far I haven't been able to get even Step 2 to work. Each time I preview after inserting the html, there is a large block of html at the top of my blog.

    Could it have something to do with this:'' ?

    I would so appreciate any help you can give.

    ReplyDelete
  8. @Lesley: Large block of HTMLs, I recognize this symptom. You're placing the HTML in step 2 below <b:skin>, that's incorrect. You should place it below </b:skin>, they are different. And don't forget to change the URL in the code in Step 2 to that of yours. I'd done it for you but you have 4 blogs, I'm not sure which one you're currently working on.

    Try placing the code below </b:skin> and then see how it goes, and get back to me.

    ReplyDelete
  9. You were so right! So I fixed that and double-checked the URL and didn't get the html block, but it still isn't quite right. When I click on my "Archives" page, the archives aren't there in the main body of the page, but are still at the bottom left (where I have moved everything until I get them in pages). They do only show up in the lower left when I click "Archive" and don't show up when other pages are clicked.

    So appreciate your help. By the way, it is my http://smallmeadowpress.blogspot.com
    blog.

    ReplyDelete
  10. @Lesley: Hi again. Looks like you have gotten Step 2 and 3 right, but you have skipped step 1. Go to Page Elements and place your archive above 'Blog Posts'. Then you'll be able to see it in your main body (in archive page).

    If you want your archive to show both in your dedicated page and on the sidebar, simply add another archive gadget to your sidebar, which is totally independent to the tweak in this page. See this link on how you can duplicate your archive gadget.

    ReplyDelete
  11. Well, that is the tricky part. I have chosen a layout that doesn't have a gadget bar above my posts. I saw in your instructions that it is also ok to put it below, but it doesn't seem to work out, actually.

    Any suggestions? I do hope this will work as I want a really uncluttered, centered blog. And I was hoping to do the followers in the same way after I figured out the archives.

    ReplyDelete
  12. @Lesley. You don't have to have the gadget section to place the archive gadget above your 'Blog Posts'. In Page Elements page, click on your current archive gadget, and drag it to either above or below your 'Blog Posts' box. Hold it there a little longer until a section appears, then let it go, and it will sit there fine.

    You're using the Simple template, this can be done. And yes it would work for Follower's gadget too. Just change '#BlogArchive1' in Step2 to '#Followers1'.

    ReplyDelete
  13. Thank you for encouraging me to be a little more assertive with moving my archive gadget. It is accomplished!

    I will do the same with the followers gadget....do you know if you can do this with other gadgets? I still have my blog list that I don't know where to put.

    I am also wondering if all of these can be centered on the pages? I am glad to look around your site to find the answers...you have already kindly given me enough time to walk me through it all.

    With thanks,

    Lesley

    ReplyDelete
  14. @Lesley: I'm glad you managed to get it to work, it's looking good now. I'm aware that the text is left-aligned. The reason is because that's how archive's gadgets are made. But you can easily bring it to the center. Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog:

    #BlogArchive1{
    padding-left: 150px;
    }

    Adjust the value 150 accordingly.

    And yes, you can place any gadgets in a dedicated static page. All you have to do is address the gadget correctly by its ID (eg: #BlogArchive1, #Followers1). I've written a post on how one can identify a gadget's ID easily, you might want to check it out.

    Have fun tweaking your blog.

    ReplyDelete
  15. Holy frack. I'm trying to do away with my left column and figuring out what to do with my growing label list was killing me (I hate the cloud). I wanted to do a page but the thought of a manual list was giving me hives. This just..YES!

    ReplyDelete
  16. @Barbara: Looking good. Glad you managed to tweak the code to work with labels gadget. That's great.

    Regards.

    ReplyDelete
  17. Thank you for this it is just what I am looking for. I am having problems with step 2 but I have also no idea where I change the URL? Does this make sense? Thanks you for any help you can give me.

    Regards Amber

    ReplyDelete
  18. OK, after many attempts I have done it!!! Yeah, the only problem is that the archive heading is below the archives themselves. What have I done this time?

    Regards Amber

    ReplyDelete
  19. @Amber: Glad you managed to go through the first two step.s However, the third step is not properly executed. That is why you're still seeing the word 'Archive' below your gadget. It's just a page title, it doesn't belong to your actual archive gadget.

    To execute step 3, go to Dashboard - Design - Edit HTML - Download Full Template (for back up purposes) - Find for </b:skin> - Paste the following directly below </b:skin>:

    <b:if cond="data:blog.url == &quot;http://dragonfly-lifestyle.blogspot.com/p/archives.html&quot;">
    <style>
    #Blog1{
    display:none;
    }
    </style>
    </b:if>

    That should remove the title and everything else that doesn't belong to a dedicated gadget page (share buttons, paddings, margins, etc)

    Regards.

    ReplyDelete
  20. This almost worked for me, except that I was able to get the Archive to display on the archive page, but it was still displaying on the main page and other post elements were still displaying on the archives page, even though I inserted the codes from steps 2 and 3. Help please?

    ReplyDelete
  21. @Nnenna: Sounds like Step 2 and 3 didn't work. Did you change the address in the code? It's okay, perform Step 1, then go to Dashboard - Design - Edit HTML - Find for </b:skin> - paste the following code directly below </b:skin>

    <b:if cond='data:blog.url != "http://starcrossedsmile.blogspot.com/p/archive.html"'>
    <style>
    #BlogArchive1{
    display:none;
    }
    </style>
    <b:else/>
    <style>
    #Blog1{
    display:none;
    }
    </style>
    </b:if>

    Make sure you change the address in the code above. I've entered a dummy URL, you have to change it into your actual archieve page's address.

    ReplyDelete
    Replies
    1. dear yoboy
      i have done exactly what you have describe here. my problem is instead of displaying BlogArchive only on separate page, all other widgets also come in to that page...what to do to refrain other widgets from that page...

      Delete
    2. Hi Sanjaya,

      In step 2, when you're required to enter your blog's URL into the code, do not include country specific redirection. For example, it should be 'something.blogspot.com', instead of 'something.blogspot.in'.

      Cheers :)

      Delete
  22. It is working now, thank you so much for your help and for this tutorial!!

    ReplyDelete
  23. @Nnenna: Glad that worked. Looking good now. Thanks for dropping by.

    Regards.

    ReplyDelete
  24. You have made me one happy lady! THANK YOU!

    I pray that God blesses you and returns the favor to you tenfold. :D

    ReplyDelete
  25. @Anne Lang Bundy: Just the thing that I needed to hear in the morning. Thank you very much, and God blesses you too.

    If you're looking for an answer that you can't find anywhere in this blog (or the internet), feel free to shoot it here.

    ReplyDelete
  26. Hi, I'm experiencing the same issue as Lesley Austin. My archives are at the bottom left of my blog and not in the main body. I made sure to place the code below and its still not centered.

    See: http://classicdaiisy.blogspot.com/p/archive.html to see what I mean.

    ReplyDelete
  27. @classic daisy: Looks like you've missed Step 1. First, go to Dashboard - Design - Page Elements and place your archive gadget about your 'Blog Posts' element. Then proceed to step 2.

    If you want to add two archive gadgets (one in the dedicated page, and another one that shows all the time), refer to this tutorial.

    Cheers.

    ReplyDelete
  28. thank you so much it has worked but the list is off to the left and wont center and ive tried everything to change it..is there anyway you could help?
    Also it's got rid of the title on my page how could i get that back?
    Thank you so much!

    ReplyDelete
  29. @Bibisfootprints:

    1) To center your archive texts, go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog:

    #BlogArchive1_ArchiveList{
    text-align: center;
    }

    2) As for the title, I have removed the usual BlogPost element from the HTML so that it won't collide with the Archive gadget. That is why the page's title has been removed as well. An easier alternative is to go to your archive page, and click on the 'quick edit pen/pencil' icon for your archive gadget. Then, in the Title field, insert the title of your page. You could edit your Archive gadget by going to Dashboard - Design - Page Elements as well, but first you have to remove the modification that you have made from this tutorial, or else you won't be seeing the Archive gadget in Page Elements.

    Cheers and God bless.

    ReplyDelete
  30. thank you so so so much!!!!
    God bless ♥ x

    ReplyDelete
  31. ahh i one other thing is there a way to center my followers at the bottom of my page?
    sorry for all the questions :P
    God bless ♥ x

    ReplyDelete
  32. @Bibisfootprints: I wish I could give you a simple straight-forward answer, but I can't. Here's the deal. Followers gadget contains iFrame elements. We can't easily alter any gadgets that have these elements. But we have some alternatives to look at:

    1) We can always add padding to the left-side of the gadget. This will bring the gadget towards the center. But this is not dynamic. As the numbers of followers in your blog increase, more icons will be added to the right hand side of the gadget, and the left hand side will be void forever. In the end, you followers gadget will not be proportional. That is not recommended.

    2) This is what I suggest. Go to Dashboard - Design - Template Designer - Layout - Footer Layout - Choose the 3rd option (the one with 3 footer sections) - Apply to Blog. Now go to Dashboard - Design - Page Elements, and you'll be able to see 3 sections in your footer. Leave the left and right sections gadget-less, and drag your followers gadget to the center section.

    This is just temporary solution. Once you have lots of followers, your followers' icons will run across your blog horizontally. At that point, you won't have the need to center the follower's gadget anymore. You can always undo what you have done today. If you have follow-up questions on this, feel free to fill up this contact form.

    Cheers and God bless.

    ReplyDelete
  33. @Bibisfootprints: Happy to help.

    Cheers and God bless.

    ReplyDelete
  34. i was able to make the archives page work as per your instructions. now, i want to do the same with a labels page. do i do the same steps? do i put the code below the archives page code?

    much thanks for the help.

    ReplyDelete
  35. outstanding!! really appreciate it.

    ReplyDelete
  36. @azzul: happy to help. Cheers and God bless.

    ReplyDelete
  37. ooops! spoke too soon.. it worked fine on my test blog but when i applied it on my actual blog, the labels page has all the elements that are on my sidebar. how do i remove them from the labels page and just keep the 'labels' widget there on the labels page?

    take a look: http://thebluescollective.blogspot.com/

    again, much thanks.

    ReplyDelete
  38. @azzul: I will post a reply in the label post page.

    Cheers.

    ReplyDelete
  39. Super, super, super! Thank you! You are great!
    Greetings for Poland!

    ReplyDelete
  40. @Poznan Nowych Doznan: Glad you like it. Cheers!

    ReplyDelete
  41. @Katie: Glad you find it helpful. Cheers.

    ReplyDelete
  42. This worked for me except I can't get the blog archive to disappear from the other pages. I checked the ID and it was the same you used. I also used the other code you provided someone else who was having the problem but to no avail. Can you help me?

    forloveofadventure.blogspot.com

    ReplyDelete
  43. @a&kAdventures : I'm seeing a huge bunch of template code at the top of your page. Tell you what, email me, and I'll be in touch with you to get them fixed. Use this contact form to email me.

    ReplyDelete
  44. this is really helpful. Thank you so much! :)

    ReplyDelete
  45. @Ramona: You're welcome. Cheers and God bless.

    ReplyDelete
  46. oh yes! it works! and I've made it on the center not on the left. thank you :)

    ReplyDelete
  47. I want to add some texts before the archive gadget. what should I do?

    ReplyDelete
  48. @Pingkan: To add a text above the archive gadget, here's what you should do:

    1) In step 1, add both Archive gadget and Text gadget.
    2) You need to find out the ID of your text gadget. Click here to find out how you can identify the ID of any gadget.
    3) For step 2, under the CSS part, you need to use the following code instead, where #YOURIDHERE should be the ID of your text gadget.

    #BlogArchive1, #YOURIDHERE{
    display:none;
    }

    That will be it. Summary: Place both gadgets, find out the ID of your text gadget, and include the ID of your text gadget in the code as shown above.

    ReplyDelete
  49. I'm sorry. just noticed that Share This, link Home that should be under blog, and "Subscribe to: Posts (Atom)" are not there. I want to show it like my About page. what should I do?

    ReplyDelete
  50. @Pingkan:

    Remove the following lines from the code:

    <b:else/>
    <style>
    #Blog1{
    display:none;
    }
    </style>

    Cheers.

    ReplyDelete
  51. this is great i have just tried it and gueass what? it worked thanks southern speakers

    ReplyDelete
  52. @Greens: You're welcome. Cheers.

    @Matehyeric: Happy to help, as always. Cheers and God bless.

    ReplyDelete
  53. hi! ive got so confused just now
    seems so simple to do but it doesn't work ;(

    ReplyDelete
  54. @ChicaLoca: At which step did you get stuck?

    I advise you to revise the code that you've inserted in Step 2. In your case, it should be:

    <b:if cond='data:blog.url != "http://chic4loc4.blogspot.com/p/archive_5368.html"'>
    <style>
    #BlogArchive1{
    display:none;
    }
    </style>
    <b:else/>
    <style>
    #Blog1{
    display:none;
    }
    </style>
    </b:if>

    ReplyDelete
  55. thanks! just working! sometimes it takes me longer to adjust some stuff ;P

    ReplyDelete
  56. @ChicaLoca: Glad you've fixed it.

    Cheers.

    ReplyDelete
  57. Thank you, thank you for this excellent tutorial! I was successful in adding a Blog Archive page to my blog, but for some reason it is randomly showing blog post titles for August 2011 & no other months. I would either like it to show all titles or none...any suggestions? And thank you again, this was truly helpful!

    ReplyDelete
  58. @Melanie: That's funny. Try this.

    1) While you're logged in, go to your archive page.
    2) Click on the 'Quick Edit' icon. You should now be able to edit this gadget.
    3) Select 'Dropdown Menu' as your style.
    4) Click 'Save'.
    5) Now close your browser.
    6) Re-launch your browser, and repeat the same steps above, but choose 'Hierarchy' as your style this time.

    Cheers.

    ReplyDelete
  59. Thanks for the suggestion. I tried it, but it still came back the same way...with August posts listed out. Very strange! I would actually like it if all the months had the posts listed out, but that's okay. I guess it just is what it is! Thank you so much for the help!

    ReplyDelete
  60. @Melanie: That is weird. If you have spare time, you might want to undo the tweak in this page, and fix the archive gadget first by restoring it to its default. You can do this by going to Dashboard - Design - Edit HTML - Backup (Download Full Template) - Revert Widget to Template Default. That will remove all HTML direct changes that you have done to your template, but it will also fix lots of broken things - hopefully the Archive gadget as well.

    ReplyDelete
  61. Thanks for the tutorial.

    What did I do incorrectly if I still get the "older posts" at the bottom of my home page with nothing listed on my Archives page? The link is working; I can navigate to and from. It's just empty.

    ReplyDelete
  62. @Pam: Check the code that you've inserted into your template. This is what you should use:

    <b:if cond='data:blog.url != "http://inkyofferings.blogspot.com/p/archive.html"'>
    <style>
    #BlogArchive1{
    display:none;
    }
    </style>
    <b:else/>
    <style>
    #Blog1{
    display:none;
    }
    </style>
    </b:if>

    ReplyDelete
  63. Hi, I recently discovered this blog, which is awesome by the way, but I was trying this and whenever I tried to put my URL into th code, it would turn the ""s in "s.
    And of course, it doesn't work...

    ReplyDelete
    Replies
    1. Hi Soggy,

      After completing Step 1, copy and paste the following code directly into your template. Place it below the
      </b:skin> tag. All the best :)

      <b:if cond='data:blog.url != "http://luna-is-best-test-blog.blogspot.com.au/p/archive.html"'>
      <style>
      #BlogArchive1{
      display:none;
      }
      </style>
      <b:else/>
      <style>
      #Blog1{
      display:none;
      }
      </style>
      </b:if>

      Delete
  64. It's still doing the silly entity reference, and still not showing up :(

    ReplyDelete
  65. I tried that again, and again it just replaces the "" marks with the stupid entity reference. I dunno if that's supposed to happen, but regardless it still doesn't work :(

    ReplyDelete
    Replies
    1. Hi Soggy,

      When I inspected your source code, it seems like the code is working, but the address isn't matching. Can you show me the code that it changes into? Paste the code in www.pastebin.com.

      Cheers.

      Delete
  66. Here it is:

    http://pastebin.com/1SaZwEr6

    If I've done something obviously stupid, gonna be so mad.

    Thanks

    ReplyDelete
    Replies
    1. Hi Soggy,

      If you were referring to the 'quot' thingy in your code, that's perfectly normal. In fact, your code looks absolutely find. Try this instead:

      <b:if cond='data:blog.url != &quot;http://luna-is-best-test-blog.blogspot.com.au/p/archive.html&quot;'>
      <style>
      #BlogArchive1{
      display:none;
      }
      </style>
      <b:else/>
      <style>
      #Blog1{
      display:none;
      }
      </style>
      </b:if>
      <b:if cond='data:blog.url != &quot;http://luna-is-best-test-blog.blogspot.com/p/archive.html&quot;'>
      <style>
      #BlogArchive1{
      display:none;
      }
      </style>
      <b:else/>
      <style>
      #Blog1{
      display:none;
      }
      </style>
      </b:if>

      Let me know how it goes

      Delete
  67. I put that in, but all it did was remove the posting area and the only thing that displays is the sidebar.

    Although, that is only happening on the archive page so....

    ReplyDelete
    Replies
    1. That is a positive development. Now, remove the previous code, and use this one instead. This might solve it:

      <b:if cond='data:blog.url != &quot;http://luna-is-best-test-blog.blogspot.com/p/archive.html&quot;'>
      <style>
      #BlogArchive1{
      display:none;
      }
      </style>
      <b:else/>
      <style>
      #Blog1{
      display:none;
      }
      </style>
      </b:if>

      Delete
  68. Huzzar, it WORKED!
    You are the Victor good sir!
    Thanks for that XD

    ReplyDelete
  69. yoboy,

    ive completed all your steps and everythings fine, only problem is now nothing is showing in my archive page i.e. i have an empty archive page w nothing in it.

    how can i fix this?

    my blog is: http://robotwednesdays.blogspot.com

    thanks in advance!

    robot wednesdays

    ReplyDelete
  70. hey,

    ive followed all your steps and everythings working fine > only problem is now i have an archive page with nothing in it! its empty, none of my previous posts etc are showing

    how can i fix this?

    thanks in advance!

    my blog is: http://robotwednesdays.blogspot.com

    ReplyDelete
    Replies
    1. Hi robot,

      In Step 2 Line 1, did you use http://robotwednesdays.blogspot.co.uk/p/archive.html or http://robotwednesdays.blogspot.com/p/archive.html as your address?

      Delete
  71. Hello again.
    Just a little something extra I thought of doing.
    Right now my archive page is working fine, except it overrides any initial page design, only showing the widget.
    Is there a way of inserting an image or something above the archive widget without it disappearing?

    ReplyDelete
    Replies
    1. Oh yes, I included that by design. Just remove Line 10 from the original code to make your main area show again. Cheers!

      Delete
  72. Is there a way to get the Archive widget inside the post area. Right now it looks particularly disjointed from the page, especially since it's underneath the "HOME OLDER POST" bar.

    ReplyDelete
    Replies
    1. I won't go as far to say it isn't possible. But it's certainly not easy. I've got a better idea. In your Equestrian blog, add this to your CSS and check out your Archive page. What do you think?

      #ArchiveList{
      background-color: #D6D6FF;
      border: 1px solid transparent;
      border-radius: 5px 5px 5px 5px;
      margin: -190px -20px 20px;
      padding: 15px 20px;
      }

      Cheers..

      Delete
  73. Haha!
    Perfect!
    I shoulda thought of that, but I keep forgetting that one can fiddle with individual widgets.

    ReplyDelete
    Replies
    1. Lol.. Don't worry. These things are easily missed..

      Delete
  74. Hey YoboY,

    I was thinking dedicated page like this: upper the label gadget and after this that Greenlava's YahooPipe gadget (?) which You have also. So is it possible and how? Like two gadget inside the same page?

    I also wondering how to change label page to show different number posts, less than 20. I think i've seen it somewhere.

    Kristian

    ReplyDelete
    Replies
    1. Technically it is possible. Get your Y! Pipe gadget sorted, and then get back to me. I'll let you what modifications you need to make to place both gadgets in the same page. Let me know your blog's address as well..

      You're gonna have to ask GreenLava about the number of posts to show. Don't know the first thing when it comes to Y! Pipes.. O

      Delete
  75. Hey,

    I meant just ordinary label (page), nothing to do with pipes.

    And yes, I'll come back after six months, when I'm working a new blog. Thanks for answers!

    Kristian

    ReplyDelete
    Replies
    1. Righttt.. You can use the following format for your link:

      http://www.southernspeakers.net/search/label/Tutorial?min-results=20&max-results=20

      Since your label links are not formatted this way by default, you're gonna have to use some other gadgets (eg: linklist) to include your label's link this way.

      Delete
  76. Hey, me again,

    actually, I'm gonna use blogger's amazing model, which I'm working on. I suppose it can be done by expanding widgets on html. I found this code, but I have no clue how to fix it (for example to show 10 post on blog-pager all the time including the first time pushing some label):

    Well, comment don't accept the code, but I mean parts: widget id Blog1 and blog-pager-newer-link and blog-pager-older-link.


    Did I make my thougts understandable with my bad english? :)

    Kristian

    ReplyDelete
    Replies
    1. I think I get what you mean. You're trying to include 'min-results=20&max-results=20' directly into your blog's template. Unfortunately, even when you expand widget's templates, there URLs are not in raw format. You'll see tags like this: data:newerPageUrl. These tags contain the URL data. We might be able to edit them with Javascript, but I'm not very good at it.

      Delete
  77. OK, I understand. It's not so important, I just wonder why it isn't variable option in blogger, because of some long posts. Thanks for your answer, again.

    Kristian

    ReplyDelete
  78. Dear all.

    I have tried these steps, but I have an issue. I have created the Archive page, and adjusted the code as instructed, but each time I post a test post, the posts end up on my 'home' page and not in the archive.... thoughts? Here's my blog to show you what i mean...

    http://jonnyburtart.blogspot.co.uk/

    ReplyDelete
    Replies
    1. Hi Jonny,

      I believe you have misunderstood this tweak. This tutorial will not allow you to publish a post in one of your pages. In fact, that is not even possible. This tutorial simply allows you to move your Archive gadget from your sidebar to a dedicated page for itself. It will not affect the way posts appear in your homepage.

      The nearest thing to publishing a post in one of your tabs is described here, and to hide posts from your main page, click here.

      Delete
  79. Hello, just want to say thank you for all your invaluable advice - I've used a few of your tutorials and they have been life-and not to mention time-savers!

    I did notice with this code that it doesn't seem to be compatible with blogs using the .co.uk domain. It took me ages to figure out why the code wasn't working until I tried putting .com in the url instead of .co.uk (which is the correct domain for my archive page). Nevertheless I have got it to work thanks to you!

    ReplyDelete
    Replies
    1. Hi Hazel,

      You're most welcome! You're spot on. Country-specific redirect doesn't work with conditional HTML tags. Glad you got it figured :)

      Sorry for the late reply btw.

      Delete
  80. thanks a lot! you're the best expert! :)

    ReplyDelete
  81. Seems this is the simplest tutorial I've found so far. Though, I still got problems just like bloggers above me. I have followed all your suggestions in this tutorial and comment, still it does not work. Please Yoga, help me..

    ReplyDelete
  82. Hi! It's still me. I see changes in my Archive page. That are:
    1. heading post on the page is missing.
    2. Yes, the archive gadget is succeed moving to separate archive page and no longer visible in the main page or in other pages. But it lies whether on sidebar or footer. how can I customize this? Please advice. Thanks.

    ReplyDelete
    Replies
    1. Hi Agnostinia,

      The gadget needs to be positioned in Step 1, before we deal with the coding in Step 2. You need to reverse the tweak by removing the code first, then proceed again by repositioning your gadget in Dashboard - Layout. Make sure your gadget is placed below your 'Blog Post' widget. Then reinsert the code.

      What is your archive page's link btw?

      Delete
  83. Hi Yoga,

    Thanks for responding my question.
    I am sure I have been following your advice and believe your tutorial is very easy to understand and it should be done with no problem. I just thinking, Might it be the custom template I use?

    Please help me.

    Here's my archive page link: http://agnostinia.blogspot.com/p/older-posts.html

    Thanks again.

    ReplyDelete
    Replies
    1. Very much possible. I've checked your source code, and it does seem like your archive is placed in your footer. Are you able to reposition your Archive gadget freely in your Layout page in this template (you need to remove the conditional code to see this gadget in your Layout again)?

      Delete
  84. Yoga,

    I removed #Blog1 and page title is there! :D
    The Archive Gadget can freely go whether in footer or sidebar only. if I remove the conditional code belongs to your script, my blog comes to error. Hmm.. Which conditional code you refer to?

    ReplyDelete
    Replies
    1. Hi Agnostinia,

      I'm referring to the conditional code that you've entered in Step 2. Let's wrap things up. It seems like your Archive gadget is currently placed on your footer. If we want the gadget to appear in the main content of your page, the gadget needs to repositioned in your Layout page, and it needs to be placed specifically below your 'Blog Post' element. That said, since you have a conditional code in place, you won't be able to see your Archive gadget in your Layout page, which is why you need to temporarily remove the code before repositioning your Archive gadget.

      This is what you need to do now:
      1) Remove the code that you've added in Step 2.
      2) Go to your Layout page and see if you can reposition your Archive gadget to appear below your 'Blog Post' element. If everything goes fine, you should be able to see your Archive gadget in the content area when you view your blog.
      3) Do not re-insert the code in Step 2 until you get the gadget in place. If your template doesn't allow you to reposition your archive gadget, get back to me.

      Cheers :)

      Delete
  85. Hi Yoga,

    I am afraid I just make this list longer. Sorry..

    Yes, my template does not allow me to reposition my archive widget except in footer or sidebar. That is the problem. No space available below the 'Blog Post' element. The choice is only Footer or Sidebar.

    Should you need to check my template code?

    Thanks,

    ReplyDelete
    Replies
    1. Hi Agnostinia,

      If we can't reposition the gadget using the UI then we're gonna have to use the backend method to reposition the gadget - using the HTML.

      And yes, I have to look at your template if I were to guide you how to do this. Go to Dashboard - Template - Backup/Restore - Download Full Template - Save the resulting xml file somewhere in your computer. Then go to www.rapidshare.com and upload your xml file there. You will be given a link. Come back to this thread and leave your link here.

      Cheers :)

      Delete
  86. Hi Yoga,

    Here is my link: http://rapidshare.com/files/1373995081/template-3547008753918324298.xml

    Thanks so much for your help.

    ReplyDelete
    Replies
    1. Hi Agnostinia,

      I can't download your template from the link above coz it seems like downloading has been disabled by the uploader (you). Could you try it again and get back to me.

      Sorry for the late reply btw.

      Delete
  87. Hi Yoga,

    Try at this: http://filecloud.io/9xc5lpwt

    Thanks for your effort to help me.

    ReplyDelete
  88. Hi Yoga. It's me again.

    I finally managed my archive widget into my 'Older Posts' page after some time. It was incidental when I saw 'showaddelement' code in my other blog. So I did some tweak to that blog which combined with the code from this post, then I tested it to my main blog and voila! resulting a big smile :D

    Now I just need to customize it a bit.

    Thanks so much for your help and your great blog!

    Cheers :)

    ReplyDelete
    Replies
    1. Hi Agnostinia,

      I'm sorry I couldn't reply you sooner.. Anyways, I'm glad you've got it figured! Kudos!

      Cheers :)

      Delete
  89. Thanks for this! I'd try following another method that had worked for other gadgets only to find out it specifically didn't work for the Archive gadget. So a couple googles later I ended up here and tried your steps wich worked right away. Yay!

    ReplyDelete
    Replies
    1. Excellent! Thanks for leaving a feedback here, means a lot :)

      Delete
  90. Hey, I'm afraid I'm not having much use with this either! When I do it the archive page is blank and for some reason there's now tiny little lines below my social share buttons that weren't there before. Do you know where I am going wrong? I am a complete beginner but have managed to build my template so far so I'm getting somewhere :)

    ReplyDelete
    Replies
    1. Hey there,

      Could you provide me the link to your dedicated archive page? I'll have a look and see if I can find out what's going wrong.

      Delete
    2. I know this is an old post now but my Archive page are blank too, I don't know what I did wrong: http://emmalovgrens.blogspot.se/p/archive.html

      Delete
    3. In Step 2, use .com instead of .se

      http://emmalovgrens.blogspot.se/p/archive.html (Wrong)
      http://emmalovgrens.blogspot.com/p/archive.html (right)

      Delete
  91. it was a wonderful help thru ur page thank u

    ReplyDelete
  92. I wanted to use this to my blog hinditracks.in but the widget is showing in all pages. I wanted it to appear only on http://hinditracks.in/p/archives_2.html
    Plz help.... btw I'hv deleted the widget for now as it was showing everywhere....

    ReplyDelete
    Replies
    1. Hello there.. Have you tried using .com instead .in in your URL?

      Delete
  93. Thanks for sharing this - I've managed to get it included on my blog and have an archive page but would like for it to be formatted the same as my posts. Any ideas?
    http://zentravellers.blogspot.ca/p/archive.html

    ReplyDelete
    Replies
    1. You mean to have a white background or something? See if this helps:

      #BlogArchive1{
      background: white;
      padding: 15px;
      }

      Delete
  94. Hi.

    This blog is awesome, thank you very much for all your work.

    I have a question, I have a blogger page with a video on each entry, and when I click on the blog archive see all the posts from one specific month, instead of showing me 7 per page like it is set as default on my site, it shows me all in one page, there's months that I have over 150 posts in only one month, this makes the site go really slow and it makes it really hard to navigate, do you know what I can do to split the archive so it can be shown on several pages instead of just one?

    Thanks in advance!

    ReplyDelete
    Replies
    1. Hi there,

      There isn't a way to alter the way the archive gadget shows its posts. But if I were to do something about this I'd probably play around with the auto-pagination. Auto-pagination in Blogger is usually seen as a problem, but in your case this could be a solution (I'm just suggesting). Search for 'Auto-pagination' in Google, and look for common causes that results in auto-pagination, and try to simulate that in your blog. That could force your Archive gadget to auto-paginate and go into several pages.

      Delete
  95. Hi,
    I have followed step1 and step2. I have pasted the code given above and replacing with my url http://www.maintaininghealthylifestyle.com/p/archiev.html

    Everything was perfect but the archive page did not display the archive contents. Please help.

    ReplyDelete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.