cara membuat "next/prev page" pada blog

Selamat pagi sobat.
pagi ini saya mau share tentang bagaimana cara membuat next/prev page pada blog sobat semua.
baiklah tanpa basa basi kita langsung ke TKP ya...

1. Masuk ke akun blogger agan
2. Masuk ke dashboard, lalu cari Template seperti di gambar
3. Agan sudah berada di tempat dimana agan biasa utak atik HTML blog agan. Arahkan cursor mouse agan ke dalam kumpulan kode html tersebut, klik dimana saja, lalu tekan ctrl+f untuk mode pencarian mudah kata.
dalam pencarian kata, masukan ]]></b:skin>,
jika sudah ketemu, lalu paste kan kode css berikut diatasnya :

/* ------------------------------------------------------------------NEXT PAGE------------------------- */
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px

}






 4. Selanjutnya kembali ke kolom pencarian mudah , lalu ketikan </body>
setelah ketemu, pastekan kode berikut diatasnya :
 <script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord=&#39;Prev&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<!-- NEXT PAGE -->
<script src='https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0' type='text/javascript'/>


5. Tekan save atau simpan perubahan, lihat hasilnya
6. Selesai

Bagaimana mudah bukan?
Thanks udah berkunjung ya senoga bermanfaat















1 comment: