Senin, 05 April 2010

Cara Praktis membuat Page Number yang cepat

Pada bulan lalu saya sudah menposting Tutorial membuat page number di blogger. Saya yakin cara itu kurang praktis dan rumit di mengerti serta belum tentu setiap template cocok dengan cara diatas.
Nah,. Kali ini saya akan membahas gimana caranya lebih gampang dan lebih praktis Hanya Copy Paste aj.

Baiklah akan saya mulai cara membuatnya.
Ingat script ini bukan saya yang membuat, melainkan dari temuan saya di Google. Saya hanya sekedar bersharing ilmu2 di blogger. Ok! mulai aja sekarang.

1. Login seperti biasa ke akun blogger Anda
2. Setelah login, klik Tata Letak - Edit HTML dan centang kotak Expand Template Widget.
3. Kalau sudah, cari kode 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 = "6853507599119771228";
var home_page = "http://trikdasar.blogspot.com/";
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://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if>


Catatan:
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 5.


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

2 komentar:

NurAd1K mengatakan...

kode apa sob yg diganti? jgn setengah2!!

T3rry Chen mengatakan...

@NurAd1K
yg hs diganti cuma tulisan brwarna Merah Sob..
Cth:
1. var blogID = "6853507599119771228";
2. var home_page = "http://trikdasar.blogspot.com/";
3. var pager_max_main = 5;

hrs di ganti sesuai blog Anda:
1. yg Angka diatas itu ganti dg kode di blog Anda(baca lg catatan di atas)
2. trs gnti dg URL blog anda
3. Pager max/min itu mksd setiap halaman blog di blog mw jmlh brp artikel yg di muncul.
mis: 5 buah artikel.

Simak baek2 catatan di atas.

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Macys Printable Coupons