google-site-verification: google7105ea3515502ea1.html gumregut: Cara Membuat Pindah Halaman Older Posts Dengan Angka

Wednesday, 16 October 2013

Cara Membuat Pindah Halaman Older Posts Dengan Angka

Cara membuat pindah halaman Older Posts dan Newer Posts dengan navigasi angka untuk menuju halaman berikutnya atau halaman sebelumnya. Untuk masuk kehalaman berikutnya kita bisa mengganti atau membuat Older Posts dengan tombol angka, sehingga terkesan lebih mudah dan sederhana. Cara ini bisa digunakan untuk meloncat ke beberapa halaman lainnya.

Berikut langkah Membuat Pindah Halaman Dengan Angka:

1. Setelah login, masuk ke Template dan pilih "Edit HTML"
2. Carilah kode berikut ini ]]></b:skin>
3. Masukkan kode script dibawah ini sebelum kode diatas.

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



4. Langkah selanjutnya, cari kode berikut </body>
5. Pasang kode script dibawah ini sebelum kode </body>

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->


6. Sekarang anda simpan template , setelah tersimpan, lalu keluar dengan klik kembali '' template ''

Nah, jika sukses, maka tampilan halaman posting anda sudah berubah dengan navigasi tombol angka untuk menuju halaman berikutnya atau halaman sebelumnya. Selamat mencoba ya, semoga berhasil, terima kasih.

No comments:

Post a Comment