Page Navigation Hack for Blogger (Blogspot)

Most of the people think that page navigation hack is only for who blogs at Wordpress. But here is the hack for those who use blogger and want to add page navigation to their blog. This hack will show page number instead of text link older posts, as shown in following screenshot

You can see live demo here.

 

Now this involves two things - adding some CSS code and javascript code to your template. All steps are explained below.

 

Steps:

• Log in to your blogger account and navigate to Layout section. Now go to the Edit HTML tab.
• Search for line

  ]]></b:skin>

• Add CSS in this file above that line.
• Now search for this code or related in your template (no need to expand widgets)

<b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section>

• Now add javascript codes in this file just after code: </b:section>
• Thats’s it. Save changes and you go!

Mods:

In javascript codes in this file, find line…

var pageCount =5;

The digit in red represents number of posts to be shown in single page. Change the digit to show as many pages you want.

 

var displayPageNum = 3;

 

Here the digit in red represents number of pages to be listed. Change the digit to list as many pages you want.

That’s it now we have added Page Navigation menu hack to our blog successfully

Your Comments are appreciated..  :-)

Related Posts by Categories