Kode untuk membuat halaman 123 di blogspot ini, saya dapat dari salah satu Inspirasi saya di dunia Blogger, yaitu MAS PUJIANTORO.
Sebelumnya saya ucapkan terima kasih banyak kepada Beliau karena telah berbagi ilmunya. Sehingga saya yang asalnya tidak tau dan tidak mengerti menjadi Paham.
Terima kasih MAS PUJIANTORO.
Baiklah, mari kita langsung ke TKP sob.
Langkah Untuk Membuat Page Navigasi Angka / Number 123 dst pada Blog
- Masuk ke dashboard blogger sobat
- Pilih Tata Letak
- Pilih Edit HTML
- Kemudian Contreng Expand Widget
- 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>
<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"'
Jika sudah selesai silahkan simpan templates sobat dan cek apa yang terjadi dengan Blog sobat.
Di jamin gk nyesel deh. Hhe...
Contohnya adalah seperti ini :
0 komentar