Making Navigation Page Number "Blogspot"

Writing this time was still on Blogspot tricks, which is about the navigation page numbers at Blogspot. In general Blogspot templates using Previous and Next navigation at the bottom, which helps the reader to switch the page into text before or after the text was read without any information the page number.

Making navigation this number has the same manner as the previous Blogspot tricks that make some modifications to the HTML template.

Here are the steps to make navigation page numbers (script code modification was made by Abu Farhan and Mohammed Rias).

First we enter the Edit menu and HTML layout, do not forget to backup!! our first blog template. After we backup, then find the following script.

]]></b:skin>

Then input this script just above the script that we are looking for earlier.

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

The script above is the script Style (CSS), which determine the visual form of the number of pages we will create.

Furthermore, we find the second script is as below.

</body>

Then input the following script right above this script.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

PageCount code above shows the number of writing / posting / article to be displayed in one page, whereas the number of displayPageNum indicates that the page number displayed (if filled with the number 7 means that the page number appears there is 8, plus one for page one). upPageWord leads us to the newer pages (Previous writings can be replaced in accordance with the wishes), and lead to page downPageWord older (may be substituted Next article in accordance with the wishes).

After that we keep our template.

Finally we find the following script (do not forget to click the Expand Widget Templates him).

'data:label.url'

Replace the script with the script below.

'data:label.url + "?&max-results=5"'

The function of this script is to replace the default (standard) Blogspot which will display 20 posts per page, because in our pageCount content above 5, so in this script was also filled with 5 (displaying 5 posts per page).

Save our template, and we try to see the result by opening our blog. If successful, the Home page of our blog page numbers will appear after the last post (the bottom).

That was a friend of the information that I can tell about the making of navigation on the page numbers Blogspot. Good luck, and hopefully useful.