Tuesday, November 15, 2011

Cara Untuk Membuat Next page Number di blog dengan mudah

Cara & Langkah langkah Membuat Next page Number.

1.Login ke 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 hasil tutorial Cara Jitu dan Mudah Untuk Membuat Next page Number di blog anda. 



Related Post:

0 comments:

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More