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'

• 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