Cara Membuat Page navigation Blog

Sebenarnya cara membuat halaman navigasi atau page navigation pada blog sudah pernah saya tuliskan 2 kali dalam 2 versi meskipun pada dasarnya sama, tapi page navigation dari blog catalog ini tidak akan memberatkan loading blog seperti sebelumnya. Dan jika anda tidak tahu apa itu page navigation anda bisa baca disini

Ini Adalah Tampilan Page navigation yang akan kita ulas ini :



Ok Langkah langkah membuat page navigation blog adalah sebagai berikut :

1. Login blog
2. Klik ---> Layouts -->> Edit HTML -->> Centang Expand Widget Tempat
3. Cari kode dibawah seperti dibawah ini :

<b:include name='nextprev'/>
4. Replace kode no 3 diatas dengan script dibawah ini

<b:if cond='data:blog.pageType == "index"'>
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style>

<div align="center" style="margin:5px;">
<form action="#" name="pager20">
<span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Go" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span>
</form>
</div>

<script type="text/javascript">

var blogID = "3042635315868220780";
var home_page = "http://www.akur.co.cc/";
var pager_max_main = 5;

var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";

</script>
<script src=" http://h1.ripway.com/antokcupu/Page Navigation 2.js"
type="text/javascript"></script>
</b:if>
5. Save Template
6. selesai sudah membuat navigasi halaman blog

NB :

1. Var blogID = Ganti Id dengan id Blog kita itu bisa diliad di navbar saat kita login blog
2. var home_page = ganti dengan alamat blog kita.
3. var pager_max_main = isi dengan jumlah post yg ditampilkan pada 1 halaman

selamat mencoba dan selamat berkreasi.

POSTING BERKAITAN

akur:
Tips Trick | Blog