Cara Membuat Next Page Angka di Home Page Blogspot - Mungkin sobat sedang mencari tutorial cara membuat navigasi next page berupa angka pada bagian bawah home page blog. Kebetulan sekali dibawah ini saya sudah membuat tutorialnya. Sebelum lanjut ke cara membuat Next Page atau angka 1 2 3 dan seterusnya yang berada dibawah halaman home page atau halaman utama, alangkah baiknya kita ketahui dulu pengertian dari next page.

Next Page adalah sebuah navigasi yang berada dibawah halaman yang berupa angka atau panah, dapat memudahkan pengunjung atau pembaca dalam mengunjungi halaman selajutnya ataupun sebelumnya.

Berdasarkan pengertian diatas, next page ada berbentuk angka dan panah, tapi pada tutorial ini admin hanya akan menjelaskan cara membuat next page yang berbentuk angka. Berikut bentuk navigasi next page yang berbentuk angka.

Next Page Angka di Home Page

Langkah-Langkah Membuat Next Page Angka di Blog
  1. Login ke blogger.
  2. Masuk ke menu Template lalu Edit HTML.
  3. Cari kode ini ]]></b:skin> gunakan Ctrl+f untuk mempermudah pencarian.
  4. Setelah ditemukan, letakan kode berikut diatas ]]></b:skin>
    5. .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. Jika sudah, sekarang cari kode </body> dan salin kode dibawah ini diatas kode kode </body>
    6. <script type='text/javascript'>
    var pageCount=5;
    var displayPageNum=5;
    var upPageWord=&#39;Previous&#39;;
    var downPageWord=&#39;Next&#39;;
    </script>
    <script src='http://marbun.googlecode.com/files/scriptsnext.js' type='text/javascript'/>

  6. Terakhir klik Simpan Template.
Dengan mengklik "Simpan Template" pada akhir langkah diatas berarti navigasi next page anda telah diterapkan pada bagiah bawah halaman depan blog. Sekarang blog sobat telah terlihat lebih menarik dari yang sebelumnya karena dengan adanya tombol navigasi next page membuat blog menjadi terlihat lebih rapi.

Baca juga : Cara Memasang Kotak Pencarian di Blog

Nah begitulah cara membuat navigasi next page pada blog. Gimana? mudah bukan cara bikinnya. Silahkan saja dicoba, salam blogger.