Selain itu page number juga membuat tampilan blog kita lebih menarik dan kelihatan proffesional.
Untuk cara pasang page number adalah sebagai berikut:
Demo:Lihat dibawah postingan Sumber: abu farhan
1. login ke blogger, pilih rancangan, pilih edit HTML.
2. cari kode ini "]]></b:skin>" kemudian ganti dengan kode di bawah ini:
kode:
.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;
}
]]></b:skin>
3. cari kode ini "</body>" kemudian ganti dengan kode di bawah ini:
kode:
<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://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
</body>
4. centang kotak expand widget dan cari kode 'data:label url' kemudian ganti dengan kode di bawah ini:
kode:
'data:label.url + "?&max-results=7"'
5. Save template.
6. Selesai semoga bermanfaat.
keterangan:
- var postperpage=7; adalah jumlah postingan yang akan tampil di halaman, untuk itu sesuaikan dengan jumlah postingan,per halaman kalian,untuk menyesuiakan postingan klik edit pada elemen post di halaman elemen laman jika jumlah postingan kalian 10 maka tulis pada maka ganti angka 7 dengan angka 10.
mantaF mas
BalasHapusmakasih tas kunjungannya
BalasHapusHai, salam balik ya..senang ketemu blog anda krn sy juga msh belajar soal blog..
BalasHapusMakasih..
@inisajamo: makasih tas kunjungannya
BalasHapussalam kenal juga, makasih udah berkunjung ke blog saya... ;)
BalasHapusHi, Salam kenal.. postingannya membantu sekali buat saya yang masih belajar soal blog. thx juga da berkunjung ke blog saya.. :p
BalasHapus@ven n @rif: maksih tas kunjungan baliknya
BalasHapussaya nemunya kode "<![CDATA[/*"
BalasHapusyang itu??
@ hikari hana: untuk step yang berapa ya....untuk mempermudah gunakan ctrl+f jika belum ketemu juga coba klik expand widget
BalasHapus@ hikari hana:ini contoh dengan template yang kamu pake klik disini
BalasHapuswaaah saya juga belom begitu mengerti..
BalasHapustolong bantuannya ya.. :)
@ Fella Pisca Herman : oks...baca ja tutornya..n maksih tas kunjungannya....
BalasHapusgimana caranya follow blog ini??
BalasHapus@ ayu diah cempaka: silahkan sign in di widget "Sahabatku" na mksh tas kunjungannya...
BalasHapusini yg saya cari2 gan, thanks
BalasHapusthanks kk atas infonya jangan lupa visit back to http://kamikaze-corporation.blogspot.com/
BalasHapussaya menggu postingan baru dari kk dan saya akan mampir lagi lain waktu.