Adapun cara membuat nomor halaman navigasi untuk blogger atau blogspot adalah sebagai berikut:
PERTAMA
Login ke blogspot anda dan klik dashboard blogger anda. Pilih tata letak, kemudian pilih edit html. Beri tanda centang pada option expand widget templates, lalu cari kode berikut:
]] > </b:skin>
Sudah ketemu? letakkan kode css dibawah ini tepat diatas kode “ ]] > </b:skin> “ tersebut :
.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;
}
KE DUA:
Cari lagi kode seperti ini:
</body>
Kalau sudah ketemu, persis diatasnya letakkan script dibawah ini:
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
KE TIGA:
Ini bisa dibilang langkah terakhir, yaitu cari lagi kode berikut:
'data:label.url'
Ketemu? kalau sudah, hapus kode tersebut dan gantilah dengan kode di bawah ini:
'data:label.url + "?&max-results;5"'
Sudah diganti? Kalau sudah simpan templates anda, dan anda bisa lihat hasilnya sekarang
Nah selesai! Demikian cara membuat nomor halaman navigasi untuk blogger atau blogspot. Semoga berguna.
Thanks infonya kawand
ReplyDeleteSalam blogger