Memasang Navigasi Nomor Halaman Blogger

Memasang Navigasi Nomor Halaman Blogger

Memasang Navigasi Nomor Halaman Blogger

Memasang Navigasi Nomor Halaman Blogger
Memasang Navigasi Nomor Halaman Blogger

Navigasi nomor halaman ini

tentu berguna untuk mempermudah kita menuju halaman – halaman lain dalam blog dan melihat postingan lama yang tidak tampil pada halaman depan blog, karna halaman depan atau beranda biasanya akan menampilkan postingan terbaru di halaman beranda. Contohnya seperti gambar di atas. Untuk memasang navigasi tersebut kita harus memasukkan kode script ke template blog. Caranya kuti langkah berikut.

1. Pada menu elemen laman (layout) blog pilih edit HTML.

2. Jika ingin menyimpan template blog anda terlebih dahulu pilih download template lengkap, ini berguna untuk mengembalikan template blog ke kondisi awal juka terjadi kesalahan pada pengeditan.

3. Jangan centang pada kotak Expand Template Widget, biarkan saja kosong.

4. Cari kode ]]></b:skin> dengan bantuan Ctrl+F.

Letakkan kode script berikut diatas kode ]]></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;
}
6. Selanjutnya cari kode </body>, letakan script di bawah ini tepat di atas kode </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>
7. Simpan template dan lihat blog anda apakah telah terpasang page number atau belum. Sekian tips dari saya, semoga membantu.

Sumber : https://www.givology.org/~danuaji/blog/696982/