Membuat Page Navigasi Angka / Number 123 dst pada Blog


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 :
 

comment 5 komentar:

jasa adsense on May 15, 2011, 2:00:00 AM said...

infonya cukup bermanfaat bagi yang mo modif blogcepotnya :D

Beben Koben on May 16, 2011, 6:34:00 PM said...

wew ah ;)
top markotop :d

David on May 17, 2011, 12:52:00 PM said...

Kunjungan ke blog sahabat

Widget Top Referrer on May 17, 2011, 6:42:00 PM said...

Triknya Maknyozz,,, Lanjutkan

slngcomen on May 20, 2011, 9:07:00 AM said...

sangar gan

Post a Comment

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"

Delete this element to display blogger navbar

 
© cagappaeh | Design by Blog template in collaboration with Concert Tickets, and Menopause symptoms
Powered by Blogger