Page Navigation Berbeda
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..
Posted by Girant_31
on 07.00. Filed under
jQuery,
Tips n Trik
.
You can follow any responses to this entry through the RSS 2.0.
Feel free to leave a response
kemaren aku nyoba yg 123 ga berhasil, yg salah apa yah
Pertamax...sip lh info na mas..thnxs
wah bagus ya bisa loncat-loncat halaman :D
yang ini hasilnya lebih keren ya mas...bisa semau kita meloncat ke halaman tertentu...cocok buat yang postingnya udah banyak.
sip...siippp....
@ariefborneo
Sama-sama mas Arief..
Makasih ya..
@ariefborneo
Pastinya mas..
Soale ni memakai sedikit kode java script mas..
jd "Mungkin" agak berat az kali ya.. hehe..
mf mas, ane blm pernah sih blogging pke HP.
warnanya meberikan efek ragu2 karena seperti tertutup bayang-bayang...
@Tour, Food, and Health
Warna apa nya ya???
@~Srex~
Iya mas..
ya gtu bs langsung loncat gtu...
jalan2 sambil lihat tips2 baru mas... thnk's...!
ayo absen pagi dulu heheh
infonya bagus...
blognya juga keren mas...
salam kenal...
@camera cell phone
Salam kenal jg mas..
Makasih ya mas sdh mw kmari..
N jangan kapok ya mas..
@ayel bertuah
Wah monggo mas..
semoga ada yg bermanfaat ya mas..
@richoyul
Ok mas sdh ane absen.. hehehe..
hohoho.. info yang menarik bagi pemula seperti saya..
salam kenal yo!! :)
@thya
Sip..
Semoga bermanfaat ya..
Berkunjung kemari.
Alhamdulillah dapat ilmu lagi disini
@tomo
Insya Allah mas..
coba yg bacain hehehehe.....
tidak berhasil :(
Sekarang baru jelas pemilik blogx (lihat avatarx). Dulu ana pikir blogger cewek krn 'que cantik', trus dl nunsa template kita pernah mirip bahkan icon2x (krn persamaan selera)...
Maaf ya!
Makasih tutorialx!