Memasang Pagenavi di Blogspot

Biasanya blog mengunakan next previous untuk melihat postingan sebelumnya di home page. Biasanya blogspot/wordpres mengunakan bawaan older post dan newer post, eh lakok template baru ku ini ga ada. Solusinya pasang pagenavi, selain lebih ciamik, juga banyak tutorialnya. Misalnya kamu nyasar dapat tutorial pagenavi ini bisa bro/siscoba, tapi belum tentu sesuai dg tempalate, ini aja setelah mencoba yang ke-5, banyak tutorial yang berbeda-beda. Ini nih codingnya.


Copy kode dibawah ini diatas kode ]]></b:skin>

.pagenavi{
clear:both;margin:10px auto;text-align:center
}
.pagenavi span,.pagenavi a{
padding:10px;
margin-right:5px;
padding-top:5px;
padding-bottom:5px;
background:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pagenavi a:hover,.pagenavi .current{
background:#ff8400;color:#fff;text-decoration:none
}
.pagenavi .pages,.pagenavi .current{
font-weight:bold
}
.pagenavi .pages{border:none}

2. Javascript, cari kode berikut ini
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
Setelah ketemu Paste Kode ini dibawah kode javascript diatas

<b:includable id='page-navi'>
<div class="pagenavi">
<script type="text/javascript">
var pageNaviConf = {
perPage: 5,
numPages: 5,
firstText: "First",
lastText: "Last",
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot; }
</script>
<script type="text/javascript" src="http://rilwis.googlecode.com/svn/trunk/blogger/pagenavi.min.js"></script>
<div class="clear" />
</div>
</b:includable>

3. Cari lagi kode ini <!-- navigation --><b:include name='nextprev'/>
Ganti dengan Kode dibawah ini

<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi' />
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi' />
</b:if>
</b:if> 


1 komentar: