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.
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.
No comments:
Post a Comment
silahkan masukan kritikan yang membangun