Cara Menciptakan Nomor Navigasi Halaman Dibawah Posting Blog

Cara Membuat Nomor Navigasi Halaman Dibawah Posting Blog - Nomor Navigasi Halaman ialah pengaturan nomor jumlah halaman yang ditampilkan. Biasanya script ini diletakan di bawah posting untuk navigasi post artikel yang ditampilkan dan jumlah halaman. Nah bagaimana cara membuatnya tanpa coding HTML, baca juga bagaimana cara menciptakan related post atau bagaimana cara menciptakan breadcrumbs.

1. Log in ke Blogger
2. Klik tata letak & Tambahkan widget HTML/Script
3. Pada kotak widget masukkan script berikut:

<style type='text/css'>
#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {
color:#ffffff;
text-decoration:none;
border: 1px solid #B4B2B2;
margin:0 3px;
padding:3px 7px;
background-color:#00477d;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
color:#E4E0E0;
border: 1px solid #A7A5A5;
padding:3px 7px;
background-color:#ff6600;
margin:0 3px;
}
.showpageOf {
color:#333;
text-decoration:none;
padding:3px 7px;
margin: 0 3px 0 0;
}
</style>
<script style='text/javascript'>
var numshowpage=5;
var postperpage =10;
var upPageWord="Previous";
var downPageWord="Next";
var urlactivepage=location.href;
var home_page="/";
</script>
<script style='text/javascript' src='http://numbered-page.googlecode.com/files/Numbered%20Page%20Navigation%20Widget%20to%20Blogger.js'></script>

Silahkan ubah instruksi warna, ukuran, panjang atau lebar seseuai impian anda:

m  Adalah jumlah halaman yang ditampilkan
m  Adalah jumlah post artikel per halaman

4. Klik simpan dan lihat hasilnya.

Share this post