Cara Pasang Page Navigation Number di Blog

pada kali ini saya akan share tutorial cara pasang page navigation number di blog.apa kalian sudah tau page navigation itu apa? menurut saya widget ini cukup penting untuk blog fungsinya melebih mudahkan user untuk jalan2 di blog kita dan juga blog kita kelihatan lebih cantik nah kalo belum tau widgetnya seperti apa liat tuh yang sama kyk blog saya ini yang di bawah itu  nih liat contoh gambar ini :




Cara pasang page navigation number di blog

Step  :

  1. masuk/login ke Blogger Dashboard
  2. Masuk ke Layout > Edit Html atau ke template > edit html  
  3. Cari code di bawah ini dengan menggunakan F5 :

 
]]></b:skin>

dan replace/ganti dengan code di bawah ini :

showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #ddd;
  }

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

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #666;
  text-decoration: none;
  }

]]></b:skin>
4.setelah itu cari code di bawah ini :


</body>

dan replace/ganti dengan code di bawah ini :
&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;
</body>
NOTE :

ganti sesuai yang anda inginkan :
var postperpage=7;
var numshowpage=4;

var postperpage=7 : berapa banyak post yang akan di tampilkan 
var numshowpage=4; : berapa banyak nomber yang akan di tampilkan
5.save template dan lihat hasilnya 
0 Komentar untuk " Cara Pasang Page Navigation Number di Blog "


Back To Top