digita7seven - Just Another Blogger Page

A page navigation can show visitors a glance of pages available in your blog (You can also adjust the post count in every page).

Visitors usually try to search for other posts that might interest them from popular posts or from the post labels. But if they want to explore your blog completely, The page navigation will give them a view of all posts in number order.


You can follow the below steps to create this navigation number in your blog :

1. Go to Dashboard > Template. 
2. Click Edit HTML > Proceed.
3. Use Ctrl + F to search for this code : 

• Copy and Paste the below codes before it :

<!--PAGINATION-STARTS-->
<script type='text/javascript'>
var pageCount=10;
var displayPageNum=4;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination1.js' type='text/javascript'/>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.js' type='text/javascript'/>
<!--PAGINATION-STOPS-->

The above marked with red is completely adjustable to your own value.

var pageCount=10
This code explains the maximum number of page in the page navigation. So if you have 50 posts with 10 posts per page, The navigation number is only until page 5.

var displayPageNum=4
This code explains the maximum post count per page. If you want to show just 4 posts in every page, The above code is for you.

Now the styling codes :

• Use Ctrl + F to search for this code : 

 </head>

Copy and Paste the below codes before it :

<!--PAGINATION-STARTS-->
<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/pagination2.css' rel='stylesheet' type='text/css'/>
<style type='text/css'>
.showpage a:hover {
color: #FFFFFF;
background-color: #052cf2;
}
// STYLE CODE FOR SELECTED PAGE STARTS
.showpagePoint {
color: #FFFFFF;
background: #052cf2;
border: 1px solid #052cf2;
}
// STYLE CODE FOR NUMBER BUTTONS STARTS
.showpageNum a:link,.showpage a:link {
color: #000000 !important;
background-color: #052cf2;
border: 1px solid #052cf2;
}
// HOVER CODE for NUMBER BUTTONS
.showpageNum a:hover {
color: #FFFFFF !important;
background: #052cf2 !important;
border: 1px solid #052cf2;
}
// STYLE CODE FOR &quot;PREV and NEXT&quot; BUTTONS STARTS
.showpageArea a {
border: 1px solid #052cf2;
}
// HOVER CODE for NEXT-PREV BUTTONS
.showpageArea a:hover {
border: 1px solid #052cf2;
color: #FFFFFF !important;
background: #052cf2 !important;
}
</style>
<!--PAGINATION-STOPS-http://bloggerstop.net-->

*Want to animate your blockquote like this? Create one using the codes from this post : Create Blockquote With Animated Mouse Hover Effect

The above color code marked with red can be adjusted to your own value. #052cf2 represents the the default background color for navigation button.

Click HERE for other CSS styles like in below samples :


Save your template to see the page navigation now is shown in the homepage of your blog.

1,000 Creative Writing Prompts : Ideas for Blogs, Scripts, Stories and More
When you finally have the opportunity to sit down and write, you want absolutely nothing to get in your way. In an ideal world, the ideas would flow from head to pen quickly and easily. You would have thousands of ideas at your fingertips. This new idea-generating book makes that dream a reality.

Becoming A Blogger: How to Start a Blog This Afternoon and Make Money From Home For Years to Come (Make Money Online)
Some bloggers make small, part-time incomes that supplement their full-time job. Others are making blogging their sole pursuit and earning a huge income each month. Blogging can be a big thing or a small thing depending upon how much time and energy you invest into your new venture.

Other Great Stuffs : 

Celebrity Blogging
Discover The Secrets To Setting Up Your Own Personal Blog For MASSIVE Brand Building... And Build A Name For Yourself That People Will Know, Like And Trust!

If You Have A Few Hours Per Week, Then We Can Show You How To Earn Significant Income With Your Own Blog! Step by Step. Click to find out !
Know how to find a great market niche and write a successful blog? Great, you don’t need the steps within each of these components. Know how to design the web page and overcome technical difficulties? No? No problem, Here is a deeper level of instruction for that!

Struggling to make money online? It's about to get quicker and easier than ever before...Click here !
How JUST One Of The Blogs I Create During By The Forth Month Has Already Netted Me $2,537.29

1500 MB of disk space, 100 GB of data transfer, PHP and MySQL support with no restrictions, cPanel control panel, Website Builder, Absolutely no advertising ! Join now : CLICK HERE !