Page Number navigation

Selamat Malam sobat. hari ini hari yang menyengkan.kali ini saya mau publikasikanbeberapa trik yang sobat mungkin perlukan.

Sedangkan contoh hasil kode navigasi berurut ini,anda bisa lihat di sini.

kita langsung saja ikuti langkah-langkah berikut :

Pertama,pergilah ke dashboard blogger anda,selanjutnya,pilih tata letak,dan pilih edit html.
Seperti biasa,contreng option expand widget templates,selanjutnya cari kode ]]></b:skin>

Setelah ketemu,letakkan persis diatasnya kode css dibawah ini:

.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;
}

Lalu,cari lagi kode seperti ini: </body>
Jika sudah ketemu,tepat diatasnya letakkan script dibawah ini:

<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>

Langkah terakhir,carilah kode 'data:label.url'

Jika sudah ketemu,hapus kode tersebut dan gantilah kode berikut:

'data:label.url + &quot;?&amp;max-results=5&quot;'

Sekarang,simpan templates anda,dan anda bisa lihat hasilnya sekarang
Sumber :

 http://pelajaran-blog.blogspot.com/