BuZZa Uz

Mar 28, 2011

Changing the Navigation Pages By Number.

Posted by Rino Widjaya
Changing the Navigation Pages By Number.
before discussing about this article, I would like to express gratitude to Allah SWT Alhamdullillah, because when the last test I can do them well. Hopefully I can pass the next exams smoothly and of course true. Amen

Back to our topic, In this post I will discuss about how to Change the Navigate Pages With a number that was created by The Master Blogger Abu Farhan. But, if you already know which page navigation that? if not, you try lyrics the bottom of this blog. then see a text with a link labeled "Old Post" and "New Post". Well, now we will Change the Navigation Pages With numbers like in the picture above. while the function of the navigation page is to facilitate the visitors to get around and play on our blog.

Immediately, I kaih know the steps you should follow the following:

Step - Step:
  • Login to Blogger
  • Click Design
  • Click Edit HTML
  • Do not forget to check "Expand Widget Templates"
  • Then find the code ]]></ b: skin>
  • Add the code below just above the code of ]]></ b: skin> 
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  background: #ddd;

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

.showpagePoint {
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  border:1px solid #999;
  background: #666;
  text-decoration: none;
  • Find code </ body>, then add the following code above the code </ body>
&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;script src='' type='text/javascript'&gt;&lt;/script&gt;

Replace the red code in accordance with Your Blog
var postperpage=Number of Post every page for your blog;
var numshowpage=Total number that will appear on your navigation page;
  • Then find the code "data: label.url" and replace with the code below
data:label.url + &quot;?&amp;max-results=5&quot;
Replace the number 5 with the total number that will appear on your navigation page.
  • Save Template.
  • Finish
See the results and do not forget to read also this one Information History and Efficacy of Chicken Cemani

0 comment:

Post a Comment

Popular Posts


Like Box BuZZa Uz

Email Subscriptions

Enter your email address:

Delivered by FeedBurner

Site Info

Ping your blog, website, or RSS feed for Free Google Pagerank Powered by  MyPagerank.Net

Yahoo bot last visit powered by MyPagerank.Net Msn bot last visit powered by MyPagerank.Net Free Automatic Backlink

Site Visitor

Flag Visitor

free counters


Site Info

Text Back Link Exchange

Florists Links AllNewsSite Link Exchange

Text Back Links Exchanges


Copyright © 2011 BuZZa UZ | Blogger Template Design By Simrandeep Singh