Page Navigation Berbeda

By Girant_31

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:

+ lihat kode copy code print ?

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

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

Post Info
Comments
Related Posts
Share
Subscribe
Top Comments

Title
Posted By
On
Tag
Comments
Subscribe

: Page Navigation Berbeda
: Agus Adi S. From Girant_31 Blog
: Minggu, Mei 23, 2010
: jQuery , Tips n Trik
: 30 People Commented
: RSS Feed or leave a response for this article, Here.

30 Comments:

----------------- Nikmatnya Hidup Say.. On Mei 23, 2010

kemaren aku nyoba yg 123 ga berhasil, yg salah apa yah

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@3786070356412280064.0
My first line Comments

@3786070356412280064.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- ariefborneo Say.. On Mei 24, 2010

Pertamax...sip lh info na mas..thnxs

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@4937703432983519966.0
My first line Comments

@4937703432983519966.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Gudang Ilmu Say.. On Mei 24, 2010

waw keren sob

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@7021649648470182347.0
My first line Comments

@7021649648470182347.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- ariefborneo Say.. On Mei 24, 2010

Met pagi menjelang siang mas...wah trnyata ane coba ngedit pke hp susah mas

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@5470357679484211255.0
My first line Comments

@5470357679484211255.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- ♥ria♥ Say.. On Mei 24, 2010

wah bagus ya bisa loncat-loncat halaman :D

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@6579496396239871839.0
My first line Comments

@6579496396239871839.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- ~Srex~ Say.. On Mei 24, 2010

yang ini hasilnya lebih keren ya mas...bisa semau kita meloncat ke halaman tertentu...cocok buat yang postingnya udah banyak.
sip...siippp....

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@2237011699889985779.0
My first line Comments

@2237011699889985779.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 24, 2010

@richoyul Mungkin template punya mas, agak sedikit berbeda kode nya dg yg lain mas..

Atau mungkin hasil dr yg page 123 tu blm di drag dan drop ke elemen halaman yang terletak dibawah widget post mas..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@7272433615783395901.0
My first line Comments

@7272433615783395901.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 24, 2010

@ariefborneo
Sama-sama mas Arief..
Makasih ya..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@8258483578730964725.0
My first line Comments

@8258483578730964725.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 24, 2010

@Gudang Ilmu
Terimakasih..
semoga bermanfaat..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@8749167365866573330.0
My first line Comments

@8749167365866573330.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 24, 2010

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

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@5196227852277983015.0
My first line Comments

@5196227852277983015.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Tour, Food, and Health Say.. On Mei 24, 2010

warnanya meberikan efek ragu2 karena seperti tertutup bayang-bayang...

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@5749847442826900163.0
My first line Comments

@5749847442826900163.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 24, 2010

@♥ria♥
Gtu dech..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@8559142391674577046.0
My first line Comments

@8559142391674577046.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 24, 2010

@~Srex~
Iya mas..
ya gtu bs langsung loncat gtu...

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@3406235156286276256.0
My first line Comments

@3406235156286276256.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 24, 2010

@Tour, Food, and Health
Warna apa nya ya???

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@8638872729796375515.0
My first line Comments

@8638872729796375515.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- ayel bertuah Say.. On Mei 25, 2010

jalan2 sambil lihat tips2 baru mas... thnk's...!

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@8557150694166645166.0
My first line Comments

@8557150694166645166.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Nikmatnya Hidup Say.. On Mei 25, 2010

ayo absen pagi dulu heheh

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@7629435805588123557.0
My first line Comments

@7629435805588123557.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- camera cell phone Say.. On Mei 25, 2010

infonya bagus...
blognya juga keren mas...
salam kenal...

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@6434158607932070284.0
My first line Comments

@6434158607932070284.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 25, 2010

@camera cell phone
Salam kenal jg mas..
Makasih ya mas sdh mw kmari..
N jangan kapok ya mas..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@3850987442341381584.0
My first line Comments

@3850987442341381584.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 25, 2010

@richoyul
Ok mas sdh ane absen.. hehehe..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@8858197910304158081.0
My first line Comments

@8858197910304158081.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 25, 2010

@ayel bertuah
Wah monggo mas..
semoga ada yg bermanfaat ya mas..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@6637556070199787096.0
My first line Comments

@6637556070199787096.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- thya Say.. On Mei 25, 2010

hohoho.. info yang menarik bagi pemula seperti saya..

salam kenal yo!! :)

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@1750677572410959296.0
My first line Comments

@1750677572410959296.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 25, 2010

@thya
Sip..
Semoga bermanfaat ya..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@2055691866693488596.0
My first line Comments

@2055691866693488596.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Sungai Awan Say.. On Mei 25, 2010

Makasih tipsnya kawan.
Suatu saat jika ada waktu online di komputer akan aku coba.

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@5750099885487201.0
My first line Comments

@5750099885487201.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Uswah Say.. On Mei 25, 2010

Berkunjung kemari.
Alhamdulillah dapat ilmu lagi disini

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@4989616143845638752.0
My first line Comments

@4989616143845638752.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 25, 2010

@tomo
Insya Allah mas..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@3145592022766939599.0
My first line Comments

@3145592022766939599.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 25, 2010

@Uswah
Semoga ilmunya bermanfaat ya..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@8356604000371386842.0
My first line Comments

@8356604000371386842.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Skydrugz Say.. On Mei 25, 2010

tidak berhasil :(

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@5747712471899109203.0
My first line Comments

@5747712471899109203.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 25, 2010

@Skydrugz
Mas sdh mengganti var blogID nya dg id blog mas???

trus sdh mengganti var home_page nya dg URL blog mas???

Low sdh semua, mungkin kode template punya mas agak sedikit berbeda dg yg lain nya mas..

Mohon mf ats ketidaknyamananya.. karena tdk semuanya sempurna..
mungkin di experiment n di blog ane trik ini berhasil..
tp tdk untuk di blog mas..
karena mungkin faktor lain..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@7153953856054497175.0
My first line Comments

@7153953856054497175.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Girant_31 Say.. On Mei 25, 2010

@Skydrugz
Mas sdh mengganti var blogID nya dg id blog mas???

trus sdh mengganti var home_page nya dg URL blog mas???

Low sdh semua, mungkin kode template punya mas agak sedikit berbeda dg yg lain nya mas..

Mohon mf ats ketidaknyamananya.. karena tdk semuanya sempurna..
mungkin di experiment n di blog ane trik ini berhasil..
tp tdk untuk di blog mas..
karena mungkin faktor lain..

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@1584763327058683316.0
My first line Comments

@1584763327058683316.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

----------------- Indahnya Berbagi Say.. On Mei 25, 2010

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!

[ X ]

To Reply to this comment

Please CoPas of the following lines : Example:

@4885511299477559402.0
My first line Comments

@4885511299477559402.0

is the first line of your comment.

----------- ----------- Girant_31 Said :
Terima Kasih Sobat Atas Komentar dan Kunjungan nya ke sini.

Komentar Yuuuk..

Silahkan berkomentar di postingan ini. (Gratis)
Jika Sobat ingin membalas komentar seseorang,
Sobat bisa menggunakan fasilitas reply dengan cara mengawali komentar Sobat pada baris pertama dengan:
@Kode Angka Komentar

Contohnya Penulisan Komentar:
@7203927038009495854.0
My first line Comments