Page Numbers to Blogspot

Page Numbers to Blogspot
Usually the blogger template only provides the "Older Posts" or "Newer Posts" link to let the reader navigate, and browse to another page on the site, archives, categories and page labels. Unlike a blog like wordpress that supports plugins to customize the page navigation links to the page number list to make it user friendly.

However, it is still possible to modify and replace the typical classical "Posts Older" and "Newer Posts" navigation links on Blogger blogs to navigation numbered pages. You can see the demo here, the navigation links consist of page numbers, next page and previous page (if applicable) is the display on Blogger blogs are not "older Items" and "Newer Items" link text.

To change your link navigation to page number on your Blogspot blog
simply add the script below before ]]> :

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}

Second, you need to replace with :