Cara Mudah Membuat Next Page Number di Blog

Written By Hanif Aghar on Senin, 23 April 2012 | 5:29 PM

Hallo Sobat Blogger sore ini saya mau kasih tahu cara membuat Next Page. Nah 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 hanya berada di home page sedangkan Related post biasanya hanya ditaruh dibawah artikel/postingan dan tidak ditampilkan di home page.

Contoh Gambar dari Next 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 kotak Expand Template Widget untuk menampilkan semua kode template.
3.Letakkan kode dibawah ini tepat diatas kode ]]></b:skin> (gunakan tombol ctrl+f 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.Simpan template anda dan lihat hasil tutorial Cara Mudah Membuat Next page Number di blog anda.


Sedikit Ket: Minimal harus mempunyai 7 postingan dalam blog.ok :D

Selamat Mencoba..!!!!

Nah Cukup sekian Tips & Trik cara membuat next page number di blog nya, bila Ada kekurangan mohon di maklumi karena saya masih Newbie dalam dunia Blogger ini... ^_^
Terima kasih sudah Berkunjung Sobat... :D


Baca Juga yang ini Sob...:

6 komentar:

  1. mantap gan . kunjungi balik ya .. www.ghilanknaizer.cu.cc

    BalasHapus
  2. Balasan
    1. Siip Thanks ya.. Monggo Langsung di Coba saja Sob... :D

      Hapus
  3. thank.....
    w jg yah blh ga.....?

    tipsberbagi.blogspot.com

    thank u.... :)

    BalasHapus

Silahkan Tulis Komentar, Kritik dan Saran Anda di Sini. Namun saya Mohon untuk tidak menggunakan komentar spam dan berkomentarlah yang sopan. Link aktif dari sumber lain yang ditulis pada kotak komentar akan saya Hapus. Terima kasih..

 
berita unik