Di dalam tutorial Membuat Multiple Pages ini sangat mudah dan tidak susah, tinggal ikuti tutorial dari saya dan peraktekan langsung di blog kawan-kawan.
Sekarang kita bahas tentang Membuat Multiple Pages dengan angka ini.
Hal pertam yang anda harus lakukan iyalah membuat blog baru, jangan memakai blog yang lama sudah banyak artikelnya, karena hal ini bisa membuat artikel yang lain akan sama dengan yang sekarang akan di buat.
Jika kalau anda sudah ada atau sudah membuat silahkan cari di menu blogger yang namanya Template, kalau sudah ketemu silahkan anda klik template dan lalau pilih Edit HTML. Di dalam edit HTML ini anda akan di sajikan dengan kode scrip yang sangat memusingkan, tetapi jangan risaw atau berenti di tengah jalan dalam Membuat Multiple Pages dengan angka ini, saya akan mempermudah anda dalam mengedit HTML ini.
Sekarang kita memulai mengedit HTML tersebuta. Pertama silahkan anda cari kede berikut </head> dan silahkan anda copy kode di bawah ini dan pasangkan kode di bawah ini pas di atas kode </head>.
--------------------------------------------------------------------------------------------------------------------------
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src='https://cdn.rawgit.com/Brando07/share/newbe/multiple-pages-SEOCIPS.js' type='text/javascript'></script>
<style>
.post-pagination { margin:40px auto; text-align:center; width:100%; float:left; }
.button_1,.button_2,.button_3 { border:2px solid #f4655f; font-weight:900; padding:6px 36px; color:#f4655f; transition:ease 0.69s !important; }
.button_1:hover,.button_2:hover,.button_3:hover { background:none repeat scroll 0 0 #f4655f; color:#fff; text-decoration:none; }
</style>
<style>
.post-pagination { margin:40px auto; text-align:center; width:100%; float:left; }
.button_1,.button_2,.button_3 { border:2px solid #f4655f; font-weight:900; padding:6px 36px; color:#f4655f; transition:ease 0.69s !important; }
.button_1:hover,.button_2:hover,.button_3:hover { background:none repeat scroll 0 0 #f4655f; color:#fff; text-decoration:none; }
</style>
--------------------------------------------------------------------------------------------------------------------------
Keterangan: Kode yang berwarna merah, bila suda anda di HTML blog anda silahkan hapus saja.
Bila sudah silahkan anda SAVE atau SIMPAN.
Langkah selanjutnya yaitu anda harus membuat artikel di blog baru anda, dan bila sudah seslesai jangan dulu di publiskan tetapi masuk dulu ke mode tulisan HTML, lalau masukan kode di bawah ini pas di bawah artikel yang anda tulis.
--------------------------------------------------------------------------------------------------------------------------
<div class="content_1">
Masukan artikel kamu 1
</div>
<div class="content_2" style="display: none;">
Masukan artikel kamu 2
</div>
<div class="content_3" style="display: none;">
Masukan artikel kamu 3
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>
--------------------------------------------------------------------------------------------------------------------------
Keterangan: Kode yang di beri warna merah, ganti tulisan dengan postingan yang sudah anda bagikan yaitu Masukan Artikel Kamu 1. Diganti dengan bagian pertama postingan anda Masukan Artikel Kamu 2. Dan di ganti dengan bagian kedua postingan anda dan Masukan Artikel Kamu 3. Di ganti dengan bagian ketiga postingan kamu. Dan yang harus di ingat anda hanya bisa membagikan postingan anda hanya tiga saja.
Nah Begitu tentang cara Membuat Multip;e Pages dengan navigasi angka. Semoga bermanfaat bagi anda yang sudah membaca artikel saya, Terima Kasih.