Kali ini saya akan menerangkan cara merubah posting lama dengan angka. Membuat posting lama dengan angka ini gunanya yaitu untuk memudahkan pengunjung melihat posting yang ada di dalam blog kita. Kebanyakan merubah posting lama dengan angka ini di lakukan dengan cara Rancangan, Tambah Gadget, HTML/JavaScript lalu tambahkan kode CSSnya.
Tapi kali ini sedikit berbeda yaitu dengan meletakan di Edit HTML. Jika tertarik dengan meletakkan di Edit HTMl silahkan ikuti cara-cara berikut ini
1. Login ke blogger
2. Masuk ke Rancangan dan Edit HTML
3. Lalu centang Expand Widget Template
Back up terlebih dahulu untuk menghindari kesalahan, dengan cara klik Download Template Lengkap
4. Cari kode ]]></b:skin> (pake ctrl f biar cepet nyarinya), kemudian letakkan kode di bawah ini diatas kode ]]></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;}
5. Lalu letakkan kode berikut sebelum kode </body>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>
6. Terakhir Simpan Template.
Tapi kali ini sedikit berbeda yaitu dengan meletakan di Edit HTML. Jika tertarik dengan meletakkan di Edit HTMl silahkan ikuti cara-cara berikut ini
1. Login ke blogger
2. Masuk ke Rancangan dan Edit HTML
3. Lalu centang Expand Widget Template
Back up terlebih dahulu untuk menghindari kesalahan, dengan cara klik Download Template Lengkap
4. Cari kode ]]></b:skin> (pake ctrl f biar cepet nyarinya), kemudian letakkan kode di bawah ini diatas kode ]]></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;}
5. Lalu letakkan kode berikut sebelum kode </body>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord='Previous';
var downPageWord='Next';
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>
6. Terakhir Simpan Template.