-->

Cara Jitu dan Mudah Untuk Membuat Next page Number di blog

   Next page Number atau halaman berurutan dibawah home page sebenarnya mempunyai fungsi yang sama dengan Related post,yaitu berfungsi untuk memudahkan pengunjung dalam menjelajahi situs,akan tetapi Next page Number ini hanya menampilkan angka 1|2|3..dst dan hanya berada di home page sedangkan Related postbiasanya hanya ditaruh dibawah artikel/postingan dan tidak ditampilkan di home page.
Langkah langkah Membuat Next page Number.

1.Login Blogger.com lalu klik Rancangan,kemudian klik Edit HTML.
2.Download Template Lengkap biar nanti bisa mengembalikan kesemula bila terjadi kesalahan,kemudian beri centang pada kotakExpand Template Widget untuk menampilkan semua kode template.
3.Letakkan kode dibawah ini tepat diatas kode ]]></b:skin> (gunakan tombol ctrl+f,atau tombol F3 untuk memudahkan pencarian)

.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.Selanjutnya cari kode </body> yang terletak pada bagian bawah template.Kemudian letakkan kode dibawah ini tepat diatasnya.

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

5.Belum selesai gan,cari lagi kode
'data:label.url'
kemudian ganti dengan kode dibawah ini.
'data:label.url + &quot;?&amp;max-results=5&quot;'
6. Simpan template anda dan lihat hasil tutorial Cara Jitu dan Mudah Untuk Membuat Next page Number di blog anda.
Ket: Minimal mempunyai 7 posting dalam blog.
SEMOGA BERMANFAAT BUAT ANDA

Tidak ada komentar:

Posting Komentar

Silahkan berikan komentar anda dengan bahasa yang baik dan sopan, terima kasih