Wednesday, May 6, 2015

How to creat a Browser for your Blog..

How to creat a Browser for your Blog..

Some time we find that the post on our blog is too much to handle..and finding them page by is such a pain..Its also beneficial for our blog visitors that they can find any post easily without messing up with the contents just like we add a search bar in blog we can add a browser for browse the post related to specific topic...

Here is how to do this,step by step

1.Go to the Pages and create a new page.

2.Then Slect New page.

   3.In new page select HTML and select the text inside the page and Delete them. Remeber that after deleting the text dnt go to Compose...

4. Now copy and paste code given blewo in HTML tab..

<div id="table-outer">
<tr><td><label>Sort posts by : </label></td><td><select id="orderFeedBy"><option selected="" value="published">New post</option><option value="updated">Post updated</option></select></td></tr>
<tr><td><label>Filter posts by category : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">Loading...</option></select></span></td></tr>
<tr><td><label>Search by keyword : </label></td><td><form id="postSearcher">
<input type="text" /></form>
<header id="resultDesc"></header>
<ul id="feedContainer"></ul>
<div id="feedNav">
<script src="" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments {display:none;}

5.Now Give a Title to the page....anything you wish and publish the page..

6.Now go to layout

 7.Select widgets and add pages...

8.Select the page that we have created earlier and save it...

9.All Done....!!

Note that the Category In the Browser is determined by the tages that you have on your blog..
The tags on blog are shown in Category