Make an Archive Page in Blogger
I'm working on Sharondipity Photography. In the process I wanted to put the archive in a blogger page that was visible only when the Archive Page link was clicked. This is how I made an Archive Page.
Before you begin, save your template by going to Dashboard | Design | Edit HTML | Download Full Template. Now you are ready.
1. Go to Dashboard | Design | Page Elements. Now click on Add a Gadget. It doesn't matter where, because you are going to make this gadget disappear everywhere except your Archive Page.
2. Locate your CSS Style Sheet. The very last part you will see ]]></b:skin>. You will place this code directly under it:
<b:if cond='data:blog.url != "YOUR ARCHIVE PAGE URL"'>Save.
<style>
#BlogArchive1{
display:none;
}
</style>
<b:else/>
<style>
#Blog1{
display:none;
}
</style>
</b:if>
3. Go to Dashboard | Posting | Edit Pages | Create a Page. Leave it blank...just give it a title. Archives will do nicely. Publish page | Save and Publish | Choose Blog Sidebar or Blog Tab | View Page. Copy the Archive page URL that is in the address bar. It should look like http://YOUR BLOG.blogspot.com/p/archive.html.
4. Go back to your CSS style sheet and paste that URL in the above code. Save your template!
Now, when you are on your home page, you will only see the Archive link either in your sidebar or blog tab. When you click on it then the archives will be visible.
300
comments
Labels:
Archive,
Design,
Navigation,
Pages