Mungkin ada sebagian Bblogger yang belum mengerti apa yang dimaksud dengan Page Number atau tombol navigator.

Nah disini saya akan jelaskan apa itu page number atau tombol navigator dan bagai mana cara kerjanya di dalam blog dan cara pembuatanya.

Baiklah.. pertama-tama yang dimaksud dengan page number atau tombol navigator adalah
Dimna nomor urut semua postingan yang ada di dalam blog anda akan muncul dibagian bawah postingan anda. Fungsinya memudahkan pengunjung menjelajahi blog kita, selain mempermanis tampilan blog. Berikut cara membuat tombol navigasi bernomor di blogspot atau blogger.

  • Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]></b:skin>;
  • Setelah ketemu, di atas kode letakkan kode di bawah ini : ]]></b:skin>;
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

  • Lalu cari lagi kode seperti ini: </body>;
  • Jika sudah ketemu, di atas kode </body> letakkan script di bawah ini:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>


  •  Selanjutnya carilah kode berikut ini : 'data:label.url';
  • Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:
'data:label.url + &quot;?&amp;max-results=5&quot;'
  • Terakhir Simpan Templates dan lihat hasilnya.
Good Luck...

Posted by : BlogTerms ~ SEO | Backlinks | Website | Widget | Ads

Artikel Membuat Page Number atau Tombol Navigator pada blogspot diposting oleh BlogTermsWednesday, February 15, 2012. Terima kasih atas kunjungannya. Mohon Di Share Melalui Widget dibawah ini :

1 comments:

Post a Comment