Dan kali ini saya masih membahas tentang Page Navigation,
hanya saja dengang Trik yang berbeda, dan tentunya hasilnya pun juga akan berbeda dengan yang kemarin.
Jika sobat tertarik ingin mencobanya
silahkan ikuti saja langkah berikut :
Login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari kode <b:include name='nextprev'/>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
Jika sudah ketemu ganti kode tersebut dengan kode berikut :
<span class="fullpost"><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 = " 6634386433859994495";
var home_page = "http://www.imtikhan.tk/";
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://imtikhan.googlecode.com/files/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if>
</span>
<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 = " 6634386433859994495";
var home_page = "http://www.imtikhan.tk/";
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://imtikhan.googlecode.com/files/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if>
</span>
Keterangan :
var blogID = " 6634386433859994495";
Ganti angka yang berwarna biru dengan ID blog sobat. ID blog dapat ditemukan ketika sobat sedang menulis posting atau mengedit template.
var home_page = "http://tiptrikblogger.blogspot.com/";
ganti url di atas dengan url blog milik sobat.var pager_max_main = 1;
tergantung pada setting blog sobat.
Kalau di blog ini, pada halaman utama setting jumlah posting blog ini adalah 1.
Jika sudah selesai Simpan dan lihat hasilnya.
Selamat mencoba
No comments:
Post a Comment