Membuat Navigasi Next Page Number Atau Halaman Berurut Di Blogspot

Bagi anda yang mempunyai Blog tentunya tampilan di bawah postingan yang terakhir terdapat Beranda atau Home dan postingan lebih lama atau Older Post, nah mari kita ganti menjadi page 1,2,3,4,5 seperti gambar di bawah ini
Bagaimana Caranya?

  • Masuk ke blogger akun anda 
  • pilih design, tataletak, edit HTML
  • jangan lupa download full template buat jaga-jaga jika gagal 
  • expand widget di check(di centang)
  • gunakan CTRL+F kemudian Ketik ]]></b:skin> 
  • copas code di bawah ini di atas ]]></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;
}
  • kemudian anda cari </body> pada kolom cari (seperti langkah no. 5)
  • Copas Code di bawah ini di atas </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>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
  • kemudian save template dan view blog
  • apabila masih belum terjadi perubahab cari code
'data:label.url'
  • Apabila anda tidak menemukan silakan anda copas scriptnya  
  • hapus code di atas ganti dengan code di bawah ini
'data:label.url + &quot;?&amp;max-results=5&quot;'
  • save template dan view blog
semoga bermanfaat
Comments
4 Comments

4 komentar:

  1. makasih mas bro,, semoga bermanfaat..

    BalasHapus
  2. gak jalan pak, udah ampe langkah terakhir msh hak bisa, solusinya plis...

    BalasHapus
  3. @ Faisol B S
    mungkin label blm di tambahkan gan,,
    atau tahap penambahan label tidak usah ditambahkan apa bila masih terdapat error..

    BalasHapus