Membuat Page Number

Setelah muter-muter nyari artikel yang membahas tentang cara membuat page number yang unik seperti yang dimiliki blog ini akhirnya ketemu juga. Setelah saya praktekan dan tenyata memang hasilnya terbilang unik dan juga keren. Coba sekarang kalian scroll blog ini ke bagian footer posting, seperti itulah page number yang akan saya bahas. Sudah tidak sabar? Baiklah akan saya mulai cara membuatnya. Berikut cara membuatnya:

Di sini saya hanyalah penyambung lidah dari penggagasnya saja. Jadi, script berikut bukan saya yang membuat, melainkan dari temuan saya di Google.

1. Pertama, seperti biasa. Login dahulu ke akun blogger anda.
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 = "6930401002504091490";
var home_page = "http://ryansalim.blogspot.com/";
var pager_max_main = 3;

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 3.


Selesai. Mudah bukan? Dan unik pastinya. Jika ada yang kurang jelas atau kurang mengerti, silakan tanyakan saja dengan berkomentar di bawah ini.