Setelah kemarin ngebahas Page 123 Navigation..
Kali ini ane masih membahas tentang Page Navigation.

 

hanya saja dg trik yg aga berbeda,
dan tentunya hasilnya pun akan berbeda dg yg kemarin..


Demo Page NavigationKlik disini untuk melihat demo Page Navigation Berbeda

Asal sobat mengikuti langkah2 nya dg teliti,
Insya Allah Page Navigation berbeda ini akan muncul di blog sobat..


Untuk membuat seperti itu,
Ni die langkah-langkahnya sob :
1. Pertama, seperti biasa. Login dahulu ke akun blogger sobat.
2. Setelah login, klik Tata Letak - Edit HTML dan centang kotak Expand Template Widget.
3. Kalau sudah, cari kode <b:include name='nextprev'/> lalu ganti dengan kode berikut:


<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 = "7367585238037754776";
var home_page = "http://agoezimoetz.blogspot.com/";
var pager_max_main = 1;

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


</script>
<script src="http://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if>

KET:
var blogID --- terdapat angka setelah kode tersebut.
Ganti angka tersebut dengan ID blog kita.
Dapat ditemukan saat kita sedang menulis posting / mengedit template.



var home_page --- ganti url yang dicetak merah dengan url blog sobat.
var pager_max_main --- tergantung pada setting blog kita.
Seperti pada blog ini, pada halaman utama setting jumlah posting blog ini adalah 1.


Source Code Page NavigationKlik disini untuk mengambil source code Page Navigation

4. Selsai..
5. Ucapkanlah Alhamdulillah..

Semoga bermanfaat..