Recent Posts

    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.

    4 Komentar untuk "Cara Membuat Halaman Selanjutnya di Artikel Blogger"

    1. Komentar ini telah dihapus oleh administrator blog.

      BalasHapus
    2. Komentar ini telah dihapus oleh administrator blog.

      BalasHapus
    3. Komentar ini telah dihapus oleh administrator blog.

      BalasHapus
    4. Komentar ini telah dihapus oleh administrator blog.

      BalasHapus

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel