Selasa, November 8

Cara Membuat Next page Number di blog



1.Login Blogger.com lalu klik Rancangan,kemudian klik Edit HTML.

2.Download Template Lengkap biar nanti bisa mengembalikan kesemula bila terjadi kesalahan,kemudian beri centang pada kotak Expand Template Widget untuk menampilkan semua kode template.

3.Letakkan kode dibawah ini tepat diatas kode ]]></b:skin> (gunakan tombol ctrl+f,atau tombol F3 untuk memudahkan pencarian)

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

4.Selanjutnya cari kode </body> yang terletak pada bagian bawah template.Kemudian letakkan kode dibawah ini tepat diatasnya.

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

5.Belum selesai gan,cari lagi kode

'data:label.url'

kemudian ganti dengan kode dibawah ini.

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

6.Simpan template anda dan lihat hasilnya.

Selamat mencoba...!!!!

0 komentar:

Posting Komentar

 

Member Login

Lost your password?

Not a member yet? Sign Up!