Membuat Page Navigasi Angka / Number 123 dst pada Blog

5 comments

Kode untuk membuat halaman 123 di blogspot ini, saya dapat dari salah satu Inspirasi saya di dunia Blogger, yaitu MAS PUJIANTORO.
Sebelumnya saya ucapkan terima kasih banyak kepada Beliau karena telah berbagi ilmunya. Sehingga saya yang asalnya tidak tau dan tidak mengerti menjadi Paham.
Terima kasih MAS PUJIANTORO.

Baiklah, mari kita langsung ke TKP sob.

Langkah Untuk Membuat Page Navigasi Angka / Number 123 dst pada Blog
  • Masuk ke dashboard blogger sobat 
  • Pilih Tata Letak
  • Pilih Edit HTML
  • Kemudian Contreng Expand Widget
  • Selanjutnya cari kode berikut : 
                                                                                                   
]]></b:skin>
                                                                                                   
Setelah ketemu, letakkan persis diatasnya kode css dibawah ini :

.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>
                                                                                                   

<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>

                                                                                                   
Langkah terakhir, carilah kode berikut :

'data:label.url'

Jika sudah ketemu, hapus kode tersebut dan gantilah kode berikut :

'data:label.url + &quot;?&amp;max-results=5&quot;'
                                                                                                   
Jika sudah selesai silahkan simpan templates sobat dan cek apa yang terjadi dengan Blog sobat.
Di jamin gk nyesel deh. Hhe...

Contohnya adalah seperti ini :
 

5 comments :

Berikut adalah beberapa aturan untuk memberikan komentar di blog ini :

1. Semua komentar kecuali spam dipersilahkan.
2. Anda dipersilahkan jika ingin membuat permintaan dan pertanyaan.
3. Jangan gunakan nama-nama seperti Admin, Penulis, Operator, atau yang lainnya untuk memberikan komentar karena akan membuat orang lain salah paham.
4. Tinggalkan Alamat Email/Url Blog Anda, jika Anda memberi komentar sebagai "Anonymous"

"Terima kasih banyak telah berkomentar"