Membuat halaman 123 pada blogspot

dapet satu lg nih tips untuk para blogger.
setelah cape jalan-jalan di dunia maya, akhirnya dapet juga artikel yang saya cari. membuat halaman 123 pada blogspot. awalnya sih ngerasa aneh dan g ngerti sama sekali ma judul nya.
tapi setelah liat gambar yang ada di artikel baru Ooooh..bulet..he2x
setelah itu langsung praktek deh diblog ini, n alhamdulillah bisa. trims buat Pelajaran Blog untuk artikelnya..^_^
buat yang belum paham maksud dari halaman 123, lihat aja gambar yang ada dibawah judul postingan ini.
oia..tp postingan saya ini bukan co-pas dari artikel yang ada di PB, melainkan saya buat baru lagi dengan kata-kata saya sendiri..he2x
untuk mempersingkat waktu, langsung aja yah tutornya..


pertama, masuk ke blogger, klik dasbor, lalu pilih tata letak kemudian buka Edit HTML.
np: jangan lupa untuk mencentang expand template widget, karena kalau tidak dicentang, ada kode html yang tidak bisa dicari walaupun dengan ctrl+f.

cari kode ]]></b:skin> . sebenarnya sih ]]><juga sudah cukup, dan sama saja hasilnya.
ok..kita lanjut..
jika sudah ketemu, copy kode dibawah ini dan letakkan di atas kode td.

.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;
}

selanjutnya, cari kode  </body>,
lalu copy kode dibawah ini dan letakkan diatas kode tadi:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
 var pageCount=5;
 var displayPageNum=5;
 var upPageWord =&#39; Previous &#39;;
  var downPageWord=&#39; Next &#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

selanjutnya..
loh.. ada lagi??he
ini yang terakhir kok..
cari kode 'data:label.url'. nah, kode yang ini nih yang g bisa dicari jika anda tidak meng expand terlebih dahulu.
kemudian, ganti kode tersebut menjadi:
'data:label.url + &quot;?&amp;max-results=5&quot;'
nah, sekarang simpan templatenya lalu lihatlah hasilnya..
gimana??he

biar lengkap..nih penjelasannya:
yang bisa dirubah-rubah sesuai keinginan adalah kode-kode yang berwarna merah.
- var pageCount=5;
angka 5 pada kode diatas menunjukan jumlah postingan yang akan pada satu halaman, anda dapat menggantinya dengan angka yang lain.
- var displayPageNum=5;
nah, kalau angka 5 yang ini menunjukkan jumlah angka yang akan ditunjukkan pada halaman tersebut, contoh:
jika anda sedang membuka halaman utama, maka yang akan muncul dibawah halaman adalah angka 1, 2, 3, 4, 5.
jika anda yang sedang terbuka adalah halaman ke-2, maka akan muncul angka 2, 3, 4, 5, 6.
- Next dan Previous
sudah mengerti kan untuk apa??he
yups..
kata-kata tersebut adalah kata-kata yang akan muncul menemani halaman yang ada.
anda bisa menggantinya dengan "sebelumnya" dan "selanjutnya" ,misalnya.

sebenarnya sih banyak yang bisa dirubah-rubah, tapi kayaknya bakal ribet ngejelasinnya..he2x
trims ya dah mau baca..
semoga bisa membantu..~_~

salam blogger!!^_^