Free File: Membuat Halaman dengan Angka Page Navigasi Angka

Saturday, January 14, 2017

Membuat Halaman dengan Angka Page Navigasi Angka

Nah pada kali ini Blog Com akan membagikan cara tentang Membuat Halaman dengan Angka/Page Navigasi Angka, berikut contohnya bisa sobat lihat dibawah ini.

membuat navigasi page angka/number 123 berurut blogger.

membuat navigasi page angka/number 123 berurut blogger.

Nah berikut caranya :1. Log In ke Account blog sobat.2. Pilih menu rancangan.3. Edit Html, Centang Expand Widget Default.4. Lalu cari kode ]]></b:skin>5. Lalu tambahkan kode berikut tepat 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. Lalu cari kode </body>
7. Tambahkan kode berikut tepat diatas kode </body>

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

8. Langkah terakhir cari kode data:label.url

9. Lalu ganti kode data:label.url dengan kode data:label.url + "?&max-results=5"

10. Save template sobat dan lihat hasilnya.

Available link for download