Cara Jitu dan Mudah Untuk Membuat Next page Number di blog

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 post biasanya hanya ditaruh dibawah artikel/postingan dan tidak ditampilkan di home page.

Klik disini untuk melihat Demonya

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

Related Post:

16 comments:

Geboogin said...

not work in my blog,how do?

Cell Phone said...

Keren, langsung di coba dulu gan, ma kasih infonya

Ibnu Mursalin Abd. Rahman said...

@geboogin: sama, mungkin yang buat gk coba dulu, langsung paste aja...:p

roni said...

MUNGKIN HARUS DI TELITI LAGI UNTUK SOBAT2 YG MENCOBA MEMBUAT NEXT PAGE,LIHAT AJA MILIK KANG RONI...! BERHASIL KOK, CUMAN ANE SEDIKIT MODIFIKASI JADI NEXT PAGE KANG RONI CUMAN NONGOL SAAT DI HOME PAGE,JADI KEBALIKAN DARI KETERANGAN DI ATAS.MUNGKIN SOBAT BERTANYA,KENAPA TIDAK BISA BERJALAN DI BLOG SOBAT....
KANG RONI JAWAB ITU KARENA BEDA2NYA TEMPLATE YG KITA GUNAKAN,JADI CARA MENGATASINYAPUN JUGA BERBEDA.ATAS KEKURANGAN DARI SAYA,KANG RONI MINTA MAAF DAN MOHON BIMBINGANNYA DARI PARA SENIOR.OKE SOBAT,,,SALAM BLOGGER

Berbagi Kreativitas said...

Cari tips tersebut sama semua..!:) Tanpa ada penjelasan detailnya. Untuk kode 'data:label.url' kan gak cuman satu gan.. Mungkin bisa dijelaskan kode yang mana yang harus dihapus, semuanya or salah satunya? Soalnya udah dicoba ditemplate ane gak semuanya gak salah satunya masih juga gagal. hmm nampaknya template saya memang tidak mengijinkan. :D

K0KUKAS said...

Thanks banget gan,

sangat2 membantu nih,
sekali lagi makasih banyak banget ya PakBuk Boz ...

Jaja said...

tidak bisa mas
www.vinojaja.blogspot.com

roni said...

Dengan banyaknya keluhan dari sobat semua kang roni akan mencoba untuk memperbaiki lagi tutorial halaman ini

roni said...

Dengan banyaknya keluhan
TUTORIAL HALAMAN INI SUDAH DIPERBARUI

Blog Gw said...

thank's udah ku coba.. jadi ko..

Dudi Yana said...

makasih ya

Hegar said...

Kang Untuk Kode 'data:label.url' Di template blog saya tidak ada .jadi gimana kang?
mohon bantuanya kang

Dhipo Thopads said...

Kang biar tulisan "pages (4) ( total pages )" gmn????

Mujtaba said...

punyaku script "data:label.url" ada empat gan? yang mana nih?

Cerita Hantu said...

iya sama punya aku juga :3

Mujiono ak2 said...

Obat Sipilis De Nature Gang Jie Gho Siah adalah obat yang sangat ampuh untuk mengobati penyakit sipilis tanpa efek samping. Karena obat ini menggunakan bahan herbal alami tanpa campuran bahan kimia. Seperti yang kita ketahui bahwa bahan alami sangat baik untuk menjaga kesehatan kita dan aman untuk di konsumsi. Obat Sipilis Gang Jie Gho Siah dibuat dari bahan alami pilihan yang sangat bermanfaat membantu untuk penyembuhan sipilis.

Post a Comment