makes navigating number on the blog

makes navigating number on the blog



makes navigating number on the blog will make it easier for visitors to know that we have written an article for an example please see here, this time I will share how tocreate a navigation number on the blog

 please follow the steps below:
  • login to blogger
  • Design
  • Edit html
  • Expand Widget Templates

and then find this code
]]></b:skin>
use ctrl + F to make it easier


save the code below just above the last code
.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;
}

and then find this code
</body>


save the code below just above the last code
<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>


and then find this code
'data:label.url'
remove and replace the code with the code below
'data:label.url + &quot;?&amp;max-results=5&quot;'
save template


please try and good luck




No comments: