Powered by Blogger.

Sunday 1 March 2015

couch mode print story

How to create archives page in blogger

Today i will tell you how to make archives pages on blogger or add archive page in blogger in a very easy way.

Introduction:

What is archives pages in +Blogger ..?
Check demo at my archive page here.
My archive page
How to make archive page?Make archive page is so simple tutorial is given below.

Archive Page:

Archive page show all the posts on your +Blogger and show all posts in different style as you check my archive page you will understand all of this.

Making Archive page:

Follow the given steps.

Go to Blogger dashboard and click on pages and then new page as shown in image below:

Add page title and then click on HTML and paste the given code:

<div id="table-outer">
<table border="0"><tbody>
<tr><td><label>Sort List by:</label></td><td><select id="orderFeedBy"><option selected="" value="published">Latest Published</option><option value="updated">Latest Update</option></select></td></tr>
<tr><td><label>Sort List by Category:</label></td><td><span id="labelSorter"><select disabled=""><option selected="">Loading...</option></select></span></td></tr>
<tr><td><label>Search with Keyword:</label></td><td><form id="postSearcher">
<input type="text" /></form>
</td></tr>
</tbody></table>
</div>
<br />
<br />
<header id="resultDesc"></header><br /><br />
<ul id="feedContainer"></ul>
<div id="feedNav">
Loading...</div>
<script src="http://guinys-mkr.googlecode.com/svn/trunk/JS/archive.min.js" type="text/javascript"></script>
and click on save.

All is done now open page in new tab and check if you face any problem contact us!
Thanks!!




1 comment: