Cara Membuat Halaman Selanjutnya di Artikel Blogger

Cara Membuat Pagination di Blog

Pagination atau Page Navigasi merupakan pengertian dari halaman selanjutnya yang dipasang pada artikel blog untuk membuat artikel tersebut menjadi terpecah kedalam beberapa bagian halaman. Salah satu keuntungan yang didapat ketika mengaplikasikan ke web kita dapat meningkatkan kualitas SEO sera menurunkan bounce rate blog yang berjalan semaksimal mungkin.

Selain itu pagination ini berfungsi untuk membagi beberapa artikel Anda yang mungkin terlalu panjang sehingga pengunjung juga bisa membacanya dari halaman pertama sampai halaman terakhir.

Kekurangan jika berlebihan memakai navigasi halaman selanjutnya di blogger juga berpotensi pengunjung tidak merasa nyaman untuk membaca artikelnya. Dikarenakan ya..masa mereka ingin membaca Artikel Anda saja di bawa ribet sih.

Baca Juga: Cara Memasang Widget Status Corona di Blog

Contoh saja beberapa website yang menggunakan ini seperti tribunnews yang memiliki iklan banyak terus ditambah dengan pagination hasilnya loading dari webnya lama sekali.

Cara Membuat Pagination (Halaman Selanjutnya) Dengan Nomor di Blogger Layaknya TribunNews

  • Langkah pertama pastinya masuk ke dalam akun blogger 
  • Pada dashboard blogger pilih menu TEMA dan tekan EDIT HTML
Memasang Halaman Selanjutnya di Blog

  • Salin kode dibawah ini dan pastekan kode itu diatas/sebelum kode </body>

<b:if cond='data:view.isMultipleItems'>
  <script> //<![CDATA[
    /* Page Navigation with Number */
    var postperpage = 7; // Jumlah halaman yang tampil
    var numshowpage = 3; // Jumlah angka / nomor di menu navigasi
    var upPageWord = 'Prev'; // Kata untuk navigasi halaman sebelumnya
    var downPageWord = 'Next'; // Kata untuk navigasi halaman berikutnya
    var urlactivepage = location.href;
    var home_page= '/';
  //]]></script>
  <script src='https://cdn.rawgit.com/igniel/blogger/96670462/pagination.js'/>
</b:if>

  • Selanjutnya tambahkan kode dibawah ini tepat diatas kode </style> atau </b:skin>

/* Page Navigation with Number */
#blog-pager {clear:both; width:auto; line-height:17px; position:relative; display:block; text-align:left; overflow:visible; margin:0px; padding:0px}
.showpage a, .showpageNum a, .showpagePoint {position:relative; background:#2f303f; display:inline-block; font-size:13px; color:#fff; margin:0 4px 0 0;padding:7px 13px; text-decoration:none; border-radius:3px; transition:all .3s}
.showpageOf {float:right; color:#666; display:inline-block; font-size:13px; margin:0; padding:7px 0;}
.showpageNum a:before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02); transition:box-shadow 0.5s}
.showpage a:hover, .showpageNum a:hover {background:#008c5f; color:#fff; position:relative}
.showpagePoint, .showpagePoint:hover {background:#008c5f; color:#fff}
span.label-info a.label-block:nth-child(n+2) {display:none}
  • Selesai! langkah terakhir simpan template blog Anda

Proses untuk memasangnya juga cukup mudah, Anda mungkin sudah mengerti apa yang saya bagikan itu. Demikian tentang Cara Membuat Halaman Selanjutnya di Artikel Blogger semoga informasi yang saya berikan bisa bermanfaat untuk Anda semua, jangan lupa bagikan ya, terima kasih.

3 Responses to "Cara Membuat Halaman Selanjutnya di Artikel Blogger"

  1. Hey, you used to write wonderful, but the last few posts have been kinda boring… I miss your tremendous writings. Past few posts are just a little out of track! come on! ui/ux designer

    ReplyDelete
  2. Excellent website you have here, so much cool information!.. brand design company

    ReplyDelete
  3. You really make it seem so easy with your presentation but I find this matter to be actually something that I think I would never understand. It seems too complex and extremely broad for me. I’m looking forward for your next post, I will try to get the hang of it! frontend services

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel