Create Navigation Page Next Page Number Or Sequential On Blogspot

Sabtu, 24 September 2011

Create Navigation Page Next Page Number Or Sequential On Blogspot

Tweetear

Rounding out the world blogspot, this post will discuss how to create a navigation page or the next sequential page number 1 2 3. Next page number is located under the posts. This attribute is only visible on the home page or home page only, if we started to go at posting the next attribute page number will not appear. With this attribute is expected to allow visitors to browse through page after page of our blog.

Installation of navigational next sequential page number or page will appear as shown below:

Or for more details, please click on this link

The following is how to install:

Bloger.com Login to your account.
Click Design then Edit HTML.
Do not forget to click on Download Full Template.
Check the Expand Widget Templates.
Find the following code ]]></ b: skin> (Use ctrl + f to search memnudahkan)
Copy the code below and put it above ]]></ 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;
}

Next look for the code </ body>

If you have found the script copy and paste the code below and put ditas </ body>

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