Share with your friends

Share

Saturday, October 29, 2011

Creating Page Numbers 1,2,3,4 on Blogger

About Blogspot tricks, making the page numbers in Blogger. Blogger templates generally use the Previous and Next navigation or Pages (10) 1, 2, 3, 4 ......>> at the bottom, to help the reader if you want to move to the next page.
As before in Blogger Blogspot template if you want to add accessories to modify or edit the HTML.



Here are the steps to create your blogspot page page numbers
First you go to the Layout menu and the Edit HTML, you must first backup blogspot template. After you do a backup, then look for the following script. Sourceprint display?
1. Then enter the following script just above the script on it ]]></b:skin>

.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;
}  


     2.  Next you're looking for a second script is as below.
Then enter the following script just above the script on </body>


<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>
</b:if>

PageCount code above shows the number of posts to be displayed on one page, while displayPageNum shows the number of the displayed page number (if it is filled with the number 7 means the page number that appears there are 8, plus one to page one). upPageWord directs us to a new page (Previous posts can be replaced in accordance with the wishes), and downPageWord directed to a page is longer (Next writings can be replaced in accordance with the wishes).
After that we save our template.

1 comment: