Sabtu, 26 Desember 2009

Cara Membuat Page Number di blogspot

Untuk para blogger yang ingin mempercantik diri,maksudnya blog kita agar lebih profesional dan tidak terlalu panjang maka kita buatkan page Number di blog kita selain meringkas halaman posting yang terlalu panjang juga bisa memanfaatkan ruang yang terlalu penuh dengan tulisan,kita mulai dari pertama,

1. Login Ke Account Blogger kamu
2. Masuk Ke "Tata Letak klik/ Edit HTML
3. Dan Klik "Download Template Lengkap" untuk proses backup Template,untuk jaga-jaga
4. klik pada "expand..."
5. Cari kode "]]>" {pake control F untuk lebih gampang mencarinya}
6. kalau sudah Ketemu, tambahkan kode di bawah ini diatas kode ]]>"

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

Kemudian cari kode "</body>"

taruh kode dibawah ini di atas kode "</body>"


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




Cari Kode 'data:label.url'

Hapus kode 'data:label.url' ganti dengan 'data:label.url + &quot;?&amp;max-results=5&quot;'


Klik simpan template, lihat hasilnya
Oke mungkin itu yang bisa saya sampaikan,

Catatan : download template lengkap untuk berjaga-jaga dari hal yang tidak di inginkan,selamat mencoba...!!