Minggu, 29 Agustus 2010

Cara Membuat Navigasi Nomor Halaman [Page Number Navigation] - Alternatif

Sebenarnya tutorial seperti ini sudah bejibun bisa teman-teman temukan di Google, termasuk saya sendiri sudah mencobanya dengan keyword: page number atau membuat nomor halaman, hasilnya wow sampai ratusan ribu blog (termasuk punya saya ini, apabila nanti terindeks Google, ngarep.com, hahaha).

Saya juga sudah mencoba beberapa script yang ada di sana (karena saya juga ingin memasangnya di blog ini), tetapi hasilnya Trial n No Respon artinya GA BISA, wkwkw, karena faktor Templates, padahal sudah
beberapa templates sudah saya gunakan :(

Makanya sering saya sampaikan di beberapa artikel terdahulu bahwa: Harap disesuaikan saja kodenya, karena tidak semua templates sama, malah terkadang kode yang dimaksud ga ketemu alias ga ada. :D

Ok, buat teman-teman yang mau Membuat Navigasi Nomor Halaman [Page Number Navigation], ini saya ada Alternatif lainnya (insyallah bisa digunakan di templates teman-teman):

Ket: Untuk hasilnya ada perbedaan dengan Page Number yang lain, tentu saja, kan ini alternatif :P Demonya bisa langsung dilihat di dalam blog ini, atau...

lihat pict



1. Login ke akun Blogspot,

2. Klik Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget,

3. Lalu cari kode berikut (Ctrl F): <b:include name='nextprev'/>

[Harap disesuaikan saja kodenya, karena tidak semua templates sama],


4. Gantikan kode tersebut dengan kode di bawah 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 = "12345678910";
var home_page = "http://cantik-2013.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="https://sites.google.com/site/anggasonaanotherbestblog/javascript/page_numbering_v2.js"
type="text/javascript"></script>
</b:if>

Note:

a. Harap di ubah var blog ID nya dengan ID blog teman-teman,
b. Ganti var home_page dengan alamat URL blog teman-teman,
c. var pager_max_main = 1 ini adalah kode untuk menampilkan seberapa banyak artikel dalam 1 halaman, bisa diganti dengan 2, 3, 5 terserah teman-teman.

5. Jika sudah dikerjakan dengan teliti, maka sekarang klik Save Templates.

Seperti itulah Cara Membuat Navigasi Nomor Halaman [Page Number Navigation] - Alternatif, semoga bisa terpasang dengan baik di blog teman-teman semua, selamat mencoba. Salam.

Tidak ada komentar:

Posting Komentar