Cara Pasang Page Number Versi D'lur Di Blogger

D'lur pernah membahas tentang page number 3d. Sekarang D'lur akan Membahas Page Number Terbaru ini. mungkin juga telah banyak yang memposting navigasi page number 123 seperti ini. Tapi tidak apa sebagai pelengkap tutorial blog di blog dlurblog.blogspot.com. Ok kita langsung saja ke pemasangannya.

Langkah - Langkah :
Langkah pertama masuk ke Rancangan >> Edit HTML >> Expand Widget Templates

Cari kode ]]></b:skin>
Setelah ketemu,letakkan kode di bawah ini tepat 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:#f3f3f3;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #f3f3f3;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #f3f3f3;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Lalu anda,cari lagi kode seperti ini </body>
Jika anda sudah ketemu, letakkan script dibawah 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>

Langkah terakhir anda Carilah kode berikut : 'data:label.url'
Jika sudah ketemu,hapus kode tersebut dan gantilah dengan kode di bawah ini:


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

Selesai deh sekarang anda tinggal SAVE ajah templatenya terus anda lihat deh hasilnya

Selamat Mencoba
Dan Semoga Berhasil