Baru beberapa hari lalu saya menemukan artikel yang benar-benar saya cari.
Kode membuat halaman 123 di blogspot ini,saya dapat dari hasil karya besar
Bp.Wijaya di
ariawijaya.com
Untuk hasilnya akan seperti gambar dibawah ini:
Sedangkan contoh hasil kode
navigasi berurut ini,anda bisa lihat di
sini.
Bagaimana? Ingin membuatnya?
Biar
pelajaran blog menjabarkan kembali cara membuat halaman 123 berurut ini.
Langkah Cara Membuat Page Navigasi Angka / Number 123dst pada Blog.
Pertama,pergilah 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>
Setelah ketemu,letakkan persis diatasnya kode css dibawah ini:
.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 :D
Specially thank's to ariawijaya.com dan Artikel ini bisa anda temukan dengan keyword:
Membuat page 123,membuat halaman 123 blogspot,page 123 pada komentar blog,css dan javascript 123 page navigation,cara membuat widget 123 page navigasi berurutan di blog blogspot blogger,page halaman number/angka navigasi blogspot.
