Fachru Melodic blog

Hanya sekedar berbagi info dan rangkuman , semoga berkesan

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

Share this article :
+
Previous
Next Post »
0 Komentar untuk "Membuat Navigasi Halaman Berupa Angka "

Thank Bro sudah mampir ke blog jelek ini :)
Jangan Lupa berkomentar Bro !!!