Jumat, 28 Desember 2012

Cara Merubah Posting Lama dengan Angka

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=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>




6. Terakhir Simpan Template.

8 komentar:

  1. nice gan tutorial nya...
    alexa nya cepet amat gan naik nya...
    ane lama sekali pengen kaya gitu.
    udah psoting berapa artikel??
    blog nya berumur berapa??
    mampir yah ke Blog Fachrul

    BalasHapus
  2. Bos bagus juga artikelnya saya coba ya.
    sekalian salam kenal http://pray7.blogspot.com

    BalasHapus
  3. kok gk bisa ya gan lihat di blog ane dong gan http://freizsky.blogspot.com/
    mohon bantuannya

    BalasHapus
  4. bagus bro,, izin make, amu tak pasang di blog ane.
    by http://www.fariduan.com

    BalasHapus
  5. kok punya saya ga bisa, setelah saya pencet halaman ke 2, lalu gak keluar next page nya ... mohon bantuannya

    BalasHapus
  6. kalo yang gak bisa berarti gak support gan

    BalasHapus

Jika postingan saya bermanfaat dan bisa membantu anda..tolong support saya dengan meniggalkan komentar sepatah duapatah kata saja :D