9
Sebentar lagi udah mau puasa nih! Belum punya persiapan yang mateng... Mudah-mudahan bulan ini lulus lagi amien...

Langsung aja ah sekarang kita belajar bersama membuat next navigasi, seperti gambar di bawah ini
gambar, Cara Membuat Next Page Seperti Google, Cara membuat nomer next  123, Navigation Page

Jika anda berminat buat memasangnya silahkan ikuti langkahnya berikut ini
>> Masuk Blogger
>> Rancangan/Design (dulu masih tata letak)
>> Edit Html
Letakkan kode di bawah ini tepat di atas ]]></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;}

Kemudian cari lagi kode seperti ini </body> dan letakkan kode di bawah ini tepat di atas </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'/>

Kemudian simpan template anda. Nah buat yang saya cetak merah dan biru, pastinya anda sudah tahu apa yang harus anda lakukan, sepertinya saya tidak perlu banyak berkomentar dalam hal ini. Semoga bermanfaat.

Posting Komentar

  1. hal.
    assallammuallaikum.wr.wb

    maksudnya yang merah dan biru harusnya gimana < maklum baru latihan >.
    terimakasih atas sarannya.

    BalasHapus
  2. Nah piye carane ning wordpress gan????..

    BalasHapus
  3. Atraktif...kreatif..aktif...semuanya...mantif...

    BalasHapus
  4. Kalo kode yang biru itu link posting kita atau link untuk thumbnail next page nya?
    http://koranjadoel.blogspot.com

    BalasHapus
  5. Angka 5 yang berwarna merah, mengatur jumlah page-nya pak.
    Tulisan berwarna merah Previous dan Next itu bisa anda ganti dengan Kembali Atau Selanjutnya.

    Berwarna biru, itu link hosting Javascript, jika anda mempunyai hosting sendiri sebaiknya anda mengganti dengan link hosting (javascript) anda sendiri. Jika tidak punya silahkan aja di pakai link hosting saya.

    BalasHapus
  6. muantaaaaaaaaaaappppp

    http://www.jayapitek.co.cc

    BalasHapus
  7. mantaaap...
    achalsensormatic.blogspot.com

    BalasHapus
  8. huah di blog aku kalau di pencet no 1,2,3 sampai next itu malah halamanya gaga da

    BalasHapus

 
Top