Memasang Navigasi Nomor Halaman Blogger

Posted by Admin 0 komentar
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.

5. 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.
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Memasang Navigasi Nomor Halaman Blogger
Ditulis oleh Admin
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://chalouiss.blogspot.com/2011/11/memasang-navigasi-nomor-halaman-blogger.html. Terima kasih sudah singgah membaca artikel ini.
Template by Cara Membuat Email | Copyright of ChaLouiss|Blog.