Rabu, 20 Maret 2013

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:

Kode Smiley Untuk Komentar


:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t  

Tidak ada komentar:

Posting Komentar