Sunday, October 3, 2010

Blog tips : Cara membuat Navigasi Page di Blogger

navigasi page di bloggerSebelum memulai ada baiknya backup dulu template jadi kalau ada eror bisa dikembalikan seperti sedia kala. Berikut ini cara membuat Navigasi Page di Blogger, pertama-tama login ke Blogger pada menu layout pilih edit html beri centang expand widget dan cari kode ]]></b:skin> tempatkan kode dibawah ini tepat diatas kode ]]></b:skin>

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

untuk script kedua cari kode </body> dan letakan kode di bawah ini di atas kode </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>

Kode pageCount di atas menunjukkan jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman, sedangkan displayPageNum menunjukkan jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 7 berarti nomor halaman yang muncul ada 8, ditambah satu untuk halaman satu).

Script terakhir cari kode 'data:label.url' dan ganti semua kode 'data:label.url' dengan kode di bawah ini :

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

jangan lupa simpan template dan lihat hasilnya.

Lihat juga yang ini



No comments:

Post a Comment

komentarlah dengan sopan jangan spam..

Blog Gado Gado@2010. Powered by Blogger.