• Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id.
  • Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id.
  • Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id.
Mohon maaf bila ada kesalahan penulisan / ® (copyright) yang kurang benar. Blog ini masih dalam proses renovasi

Membuat Page Navigation dengan Page Script

November 18, 2009 Label:



Ada sejenis Page Navigation yang bagus, namanya Page Script, Disini saya hanya bersifat penyambung lidah dari pembuatnya yaitu Vietwebguide.(Oh ya jika Sobat belum tau apa itu Page Navigasi, Silahkan Klik Link berikut},Keuntungan dari Page Script adalah tidak memberatkan halaman Blog,Untuk melihat contohnya Silahkan Klik Link Ini,Atau ScreenShootnya seperti ini

Exam


Cara Membuat Page Script

1.Login ke Blogger dengan ID anda

2.Lalu Klik Menu Templates

3.Klik Sub Menu Edit HTML

4.Pada Kotak Edit HTML [jangan lupa beri centang pada Expand Widget Template]cari Kode

<b:include name='nextprev'/>



5.Lalu ganti kode tersebut dengan Kode 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 = "6930401002504091490";
var home_page = "http://www.blogkomputers.blogspot.com/";
var pager_max_main = 2;


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>






Keterangan:
var blogID = ganti dengan ID Blogger Sobat

Photobucket

var home_page =ganti dengan URL blog Sobat
var pager_max_main = 2; =angka 2 ini menunjukan jumlah Post atau jumlah konten pada homepage,bagian ini menunjukan jumlah Jumlah post yang ditampilkan pada halaman berikutnya,jika ingin satu halaman yang ditampilkan rubah angkanya menjadi angka 1,Caranya Klik Setting >> Formating >> Show {seperti gambar di bawah ini}












Tampilan

var pager_first_text =Sobat bisa ganti tulisannya seperti AWAL
var pager_last_text = Sobat bisa ganti tulisannya seperti AKHIR
var pager_prev_text = Sobat bisa ganti tulisannya seperti SEBELUMNYA
var pager_next_text = Sobat bisa ganti tulisannya seperti BERIKUTNYA 

Semoga Berhasil....

0 komentar:

Posting Komentar

 
Ahmad Syaifuddin © 2010 | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates