Membuat Navigasi Halaman Berupa Angka

Biasanya dalam Blog baru atau belum di ubah navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". 

Berikut Cara Membuat Navigasi angka berurutan dibawah postingan

1. Langkah awal harus menuju ke desain template anda kemudian ke "Edit HTML"

2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu Paste script dibawah ini Diatas  kode tersebut

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #0000ff;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #0000ff;

background-color: #0000ff;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #0000ff;

background: #0000ff;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #0000ff;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333333;

}

3. setelah itu cari kode ini </body> kemudian Paste script dibawah ini diatas kode </body>.

<!--Page Navigation Starts-->

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&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://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>

</b:if> </b:if>

<!--Page Navigation Ends -->

Keterangan :

var pageCount itu adalah jumlah posting per halaman

var displayPageNum itu jumlah link halaman yang ditampilkan di bawah postingan

#0000ff Adalah Warna Biru, Anda bisa mengganti warnanya sesuai dengan Warna Keinginan kamu

Dibawah ini Beberapa warna Lainnya

#ff0000

#cccccc

#dd00d5

#d5dd00

#00dd07

Artikel Terkait:

Panduan Blog

• Cara Menghilangkan Tulisan Template Awesome Inc. Diberdayakan Oleh Google
• Cara Membuat Efek Terang Gambar Di Blog Dengan CSS
• Istilah Istilah Dalam Blog
• Memperkeren Komentar Blog
• Cara Buat Widget Entri Populer Elegant
• Cara Membuat Tab Menu Laman Di Atas Header Blog
• Privacy Policy
• Sitemap ( Peta Situs )
• Cara Membuat Judul Widget Berada Di Tengah Sidebar
• Membatasi Jumlah Posting per-Label
• Cara Mendaftarkan Blog Di Ribuan Mesin Pencari
• Cara Membuat Scroll Di Widget Arsip Blog
• Cara Membuat Recent Post Dengan Thumbnail Keren
• Cara membuat recent post dengan thumbnail bergerak di blog