Cara Membuat Nomor Halaman Blog, Tutorial blogger saya post tentang ini karena saya juga membutuhkanya untuk blog www.mamasipenk.co.cc cara ini juga saya ambil dari master abu-farhan.com. langsung saja yah Cara Membuat Nomor Halaman Blog.
Cara Membuat Nomor Halaman Blog:
klik kotak centang yang mengatakan 'Expand Template Widget'
Cari dengan cara Ctrl+f agar lebih mudah
]]></b:skin>
Letakan Kode dibawah ini diatas kode ]]></b:skin>
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
</body>
Letakan Kode dibawah ini diatas kode </body>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://all-in-one-blogger-widget.googlecode.com/files/pagenaviv202-min.js'
Ubah berdasarkan pengaturan blog Anda:
var postperpage = 7;
var numshowpage = 4;
Postperpage: Berapa banyak Post setiap Halaman untuk blog Anda
numshowpage: bagaimana Banyak nomor akan ditampilkan dalam halaman Anda Navigasi
'data:label.url'
Ganti dengan
'data:label.url + "?&max-results=7"'
Terakhir Simpan
Selamat Mencoba
Cara Membuat Nomor Halaman Blog:
- Langkah 1: Terapkan Style
klik kotak centang yang mengatakan 'Expand Template Widget'
Cari dengan cara Ctrl+f agar lebih mudah
]]></b:skin>
Letakan Kode dibawah ini diatas kode ]]></b:skin>
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
- Langkah 2: Aplly Javascript
</body>
Letakan Kode dibawah ini diatas kode </body>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script src='http://all-in-one-blogger-widget.googlecode.com/files/pagenaviv202-min.js'
Ubah berdasarkan pengaturan blog Anda:
var postperpage = 7;
var numshowpage = 4;
Postperpage: Berapa banyak Post setiap Halaman untuk blog Anda
numshowpage: bagaimana Banyak nomor akan ditampilkan dalam halaman Anda Navigasi
- Langkah 3: Customize Label (jika Anda sudah menggunakan Navi Halaman sebelumnya tidak menggunakan langkah ini)
'data:label.url'
Ganti dengan
'data:label.url + "?&max-results=7"'
Terakhir Simpan
Selamat Mencoba
Tags:
TUTORIAL