Cara Membuat Page Number Navigation (1,2,3...)
Create Post by. BlogLowker
Bagai Mana Cara Membuat Page Number Navigation Seperti gambar di atas.
Disini saya Membagi ilmu dengan sesama Blogger..
Pertama Login ke Blogger anda..
Setelah itu Masuk ke dashboard blogger anda,selanjutnya,pilih tata letak,dan pilih edit html.
Seperti biasa,contreng option expand widget templates,selanjutnya cari kode berikut:
]]></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;
}Lalu,cari lagi kode seperti ini:
</body>Jika sudah ketemu,tepat 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>Langkah terakhir,carilah kode berikut:
'data:label.url'Jika sudah ketemu,hapus kode tersebut dan gantilah kode berikut:
'data:label.url + "?&max-results=5"' Sekarang,simpan templates anda,dan anda bisa lihat hasilnya sekarang.
Posted by : BlogLowker ~ LowKer | Business | CPNS | Forex | Blog
Artikel Cara Membuat Page Number Navigation (1,2,3...) diposting oleh BlogLowker Monday, February 21, 2011. Terima kasih atas kunjungannya. Mohon Di Share Melalui Widget dibawah ini :
