Masih seputar dunia blogspot, postingan kali ini akan membahas cara membuat navigasi halaman berurut atau next page number 1 2 3. Next page number terletak di bawah posting. Atribut ini hanya terlihat pada halaman awal atau home page saja, jika kita mulai masuk pada postingan maka atribut next page number tidak akan muncul. Dengan atribut ini di harapkan dapat memudahkan pengunjung untuk menelusuri halaman demi halaman blog kita.
Pemasangan navigasi next page number atau halaman berurut akan mucul seperti gambar di bawah ini:
Atau untuk lebih jelasnya silahkan lihat pada blog saya ini di sini...!!!
Berikut ini Adalah cara pemasangannya:
Pemasangan navigasi next page number atau halaman berurut akan mucul seperti gambar di bawah ini:
Atau untuk lebih jelasnya silahkan lihat pada blog saya ini di sini...!!!
Berikut ini Adalah cara pemasangannya:
- Login ke bloger.com dengan akun anda.
- Klik Design kemudian Edit HTML.
- Jangan lupa klik Download Full Template.
- Centang Expand Widget Templates.
- Cari Kode berikut ]]></b:skin> ( Gunakan ctrl + f untuk memnudahkan pencarian )
- Copy kode dibawah ini dan letakan di atas ]]></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;
}
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;
}
- Selanjutnya cari kode </body>
- Jika sudah ketemu copy paste script kode di bawah ini dan letakan ditas </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>
<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
'data:label.url'
- Jika sudah ketemu hapus kode tersebut dan gantilah dengan kode di bawah ini:
'data:label.url + "?&max-results=5"'
- Simpan template dan Anda bisa lihat hasilnya sekarang
Cara Membuat Blog
- Cara Membuat Blog
- Cara Membuat Judul Atau Title Postingan
- Cara Memasang Reply Pada Kotak Komentar
- Cara Membuat Blog Yang Profesional
- 8 Cara Praktis Membuat Blog Sukses Spektakuler
- Membuat Navigasi Next Page Number di Blog
- Kegunaan,Kelebihan Dan Kekurangan Pengunaan Frame
- Cara Menampilkan Status Yahoo Messenger Pada Blog
- Cara Membuat Form Contact Us di Blog
- Info Layanan Google Drive
- Cara Menyembunyikan Buku Tamu Versi 2013
- Cara Membuat Iklan Menempel di Bagian Atas
- Cara Membuat Widgate Menempel di Bagian Bawah
Data Browser Anda
0 komentar:
Posting Komentar