Membuat Previous dan Next dibawah Postingan

Selamat subuh semuanya, jumpa lagi dengan coretan nia, nah yang satu ini juga coretan nia akan membahas cara membuat Previous dan Next dibawah Halaman Post kamu. Sebelum membuat ini, coretan rizal 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 hapus kode-Nya dan ganti 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>

Sudah belum? Kalau belum aku mau ngumpet nieh, dah ngantuk nungguin kamu heheheheheheheh, Nah kalau sudah kamu cari lagi kode </body> ini

</body>
Terus hapus kode-Nya dan ganti 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

Saya persilahkan blogger-blogger sendiri yang coba… Lebih dan kurangnya coretan rizal minta maaf ya… namanya saja masih sama-sama belajar