0 Navigasi Page Number 123 Untuk Blogger

Mungkin untuk sebagian blogger sudah tahu ataupun sudah menggunakan menu Navigasi page number atau page 123 pada postingan. dan mungkin juga telah banyak yang memposting navigasi page number 123 seperti ini. Tapi tidak apa sebagai pelengkap tutorial blog di blog chugygogog.blogspot.com. Tutorial atau cara Membuat menu navigasi page number ini dikhususkan buat teman blogger yang belum tahu dan ingin memasang page number di blognya. Untuk yang sudah tahu silahkan baca postingan yang lain saja.

Langsung saja pada cara pembuatanya :

Langkah pertama masuk pada 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,cari lagi kode seperti ini </body>
Jika 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 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;'

Jika sudah silahkan di simpan Selamat mencoba.

NB : Seperti biasa anda bisa mengcustom Navigasi Page Number ini dengan merubah kode CSS nya seperti border, background dll.

Tweet

Komentar →