Loading...

Cara Mudah Membuat Next Page dengan Angka

Selamat malam! Kali ini saya akan share tentang Cara Membuat Next Page dengan Angka. Nah,biasanya next page berada dibawah postingan halaman utama. Pastinya setiap template mempunyai next page ya? atau ada yang tidak punya? Wah, gawat kalo tidak punya, nanti pengunjung susah untuk menjelajahi isi blog Anda, karena Next Page berfungsi untuk mempermudah pengunjung dalam menjelajahi isi blog Anda.

Yang akan saya share kali ini merupakan Next Page yang menggunakan Angka, jadi pengunjung blog Anda akan lebih mudah untuk menjelajahi isi blog Anda, ketimbang dengan hanya menggunakan kata Next Page atau Halaman Selanjutnya dalam bahasa Indonesia.

  1. Login ke blogger
  2. Pilih template -> klik edit html -> cari kode ]]></b:skin> atau <style
  3. Letakkan kode dibawah ini diatas kode ]]></b:skin> atau dibawah kode <style
    .showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
    .showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
    .showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
    .showpage{margin:0}
    .showpage:hover a{color:#555!important}
    .showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
    .showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}
  4. Kemudian cari kode </body>, letakkan kode dibawah ini tepat diatas </body>
    <script type='text/javascript'>
    var pageCount=7;
    var displayPageNum=7;
    var upPageWord='Previous Page';
    var downPageWord='Next Page';
    </script>
    <script type="text/javascript" src="https://googledrive.com/host/0B-mSBnBBld1KU3BtWGdjSWc3c1k/next-page.js"></script>
  5. Catatan :
    • Angka nomor 7 pertama merupakan jumlah post yang ingin ditampilkan pada next page ketika di klik
    • Angka nomor 7 kedua merupakan jumlah nomor yang ingin Anda tampilkan pada halaman utama blog Anda
    • Tulisan yang bewarna hijau bisa Anda ganti dengan kata-kata Anda sendiri
      contoh : "Previous Page" menjadi "Sebelumnya" atau "Next Page" menjadi "Selanjutnya"
  6. Simpan template
Sekarang blog Anda sudah menggunakan Next Page berupa Angka, sekian artikel mengenai Cara Mudah Membuat Next Page dengan Angka. Semoga bermanfaat!

2 Komentar pada "Cara Mudah Membuat Next Page dengan Angka"

boleh dicoba nih ^_^
#blogwalking gan :3

Balas

thanks tutorialnya gan,,,boleh di coba nih,,,,

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Cara Mudah Membuat Next Page dengan Angka" ini bermanfaat, share ke jejaring sosial.
Konversi Kode