Cara Agar Di Posting Ada Previous & Next Page

Selamat Sore semuanya, , nah yang satu ini juga akan membahas cara membuat Previous dan Next dibawah Halaman Post kamu. Sebelum membuat ini,  berharap agar kamu semua mendownload back up template-Nya dulu biar kalau rusak kan masih ada back –up nya. Nah yuk mari coretan rizal tuntun cara-caranya:

1. Kamu Login ke Blog kamu,
2. Terus kamu klik Dashboard,
3. Setelah itu kamu klik lagi itu deh Layout dan Edit Html,
4. Tolong jangan di Conteng kota kecil yang disebelah ‘Expand Widget Templates’
5. Sudah itu cari kode yang begini ]]></b:skin>
biar mudah kamu tekan ctrl + f itu sangat membantu pencarian

 ]]></b:skin>
Terus Letakkan Di atas kode-Nya dan dengan kode di bawah ini

.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;
}
]]></b:skin>

Contoh Sudah jadi Di atas :

Nah kalau sudah kamu cari lagi kode </body> ini

</body>
Terus Letakkan Diatas kode-Nya dan dengan kode di bawah ini

<!--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://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

</b:if>

</b:if>

<!--Page Navigation Ends -->

</body>

Terus Jangan Lupa Save Setelah itu Lihat Blog anda…

var pageCount=5;
ini untuk menampilkan jumlah posting, dan bisa kamu rubah sesuka hati kamu

var displayPageNum=5;
ini untuk menampilkan jumlah angka, dan bisa kamu rubah sesuka hati kamu

var upPageWord ='Previous'; dan var downPageWord ='Next';
kode yang diatas atalah teks yang akan tampil pada halaman Previous dan Next

Contoh Gambar Jika Berhasil :

 

 

 

 

Good luck ( ^ ^,)