How to Add custom Archive page for Blogger Blog.

Archive page is the Custom page which contains List of all posts in your blog according to Alphabets or Date.These Archive pages makes easy to find all your posts at one page for your blog readers.

Add custom archive page on blogger blog

Adding these pages and giving direct link to from Homepage increases the traffic and engagement of your blog.Many of your loyal readers are not your blog followers from the beginning of your blog.Most of them are very eager to know about your old days posts.If there is no Archive page for your blog then they have to view every previous page to read your old posts.

While linking your old posts in your new post Archive pages will help to decide the perfect and most related post among all your old posts.So in all views it is very important to have the Archive page in Blog.Here is an example of our blog Archive Page.

Archives
This is how Our Archive page looks..!!

In WordPress there are many plugins and theme inbuilt services are there to create attractive Archive pages for a Blog.But Blogger still have no such advanced options in their dashboard.But we can easily create Archive page for blogger blog using the following Java Code.

P.S : I am just sharing this code and I am not the developer of this code.I was also using blogger once upon a time and i searched for this very much but did not get the easy and perfect one.Now in Github i found this code.So decided to share with blogger friends.You may think that why sharing again once it is there..?!! but their post is not appearing on Google first pages so decided to share and help bloggers.

How to Add Archive Page For Blogger Blog.


This is a one step process and no need to edit your template code.First create a new page with any name you love.”Archive Page” “List of All post on our blog” “Blog Index” are preferred.Because your blog visitor at least should know what about that page is..

After creating page Add the below code in HTML editor.Not in default post editor.You can switch between HTML and default editor using right hand side links of your blogger post editor window.

<script type=”text/javascript” src=”http://cloud.github.com/downloads/jhwilson/Create-a-Blogger-archive-page/Make-Blogger-Archive-Page.js”>// <![CDATA[
// < ![CDATA[
// < ![CDATA[
// < ![CDATA[

// ]]></script>
<script type=”text/javascript” src=”http://yourblog.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=LoadTheArchive”>// <![CDATA[
// < ![CDATA[
// < ![CDATA[
// < ![CDATA[

// ]]></script>

Then change “Yourblog.blogspot.com” to your blog Homepage URL.Then save and publish the page.You will get a custom Archive Page with list of all your blog posts with Date they published.

Since this is a shared post if you have any problem comment below and we will try to resolve by contacting the developer.

Post a Comment

0 Comments