Siang hari kali ini Tutorial Blogger akan memberikan postingan yang berbeda, yaitu Cara membuat Halaman 123 / Page Number Navigation. Kemarin Tutorial blogger sempat jalan-jalan ke blog teman, eh malah lihat postingan yang berjudul Cara membuat Halaman 123 / Page Number Navigation. Tutorial Blogger pun sempat meminta ijin untuk menyebarkannya, dan akhirnya di perbolehkan
Berikut screenshot nya:
Sedangkan untuk hasil dari navigasi ini bisa sobat lihat di sini
Berikut adalah Cara membuat Halaman 123 / Page Number Navigation:
1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode
6. Setelah ketemu letakan kode dibawah ini tepat diatas kode yang tadi
Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya
Berikut screenshot nya:
Sedangkan untuk hasil dari navigasi ini bisa sobat lihat di sini
Berikut adalah Cara membuat Halaman 123 / Page Number Navigation:
1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode
]]></b:skin>
(Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)6. Setelah ketemu letakan kode dibawah ini tepat diatas kode yang tadi
7. Setelah itu cari kode.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;
}
</body>
.Setelah ketemu letakan kode berikut tepat diatas nya8. Langkah terakhir, cari kode berikut ini<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
'data:label.url'
9. Setelah ketemu hapus kode yang tadi dan ganti kode dibawah ini'data:label.url + "?&max-results=5"'
10. SimpanUntuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya