Cara Membuat Pagination Number di Postingan Blog

  • Whatsapp
Cara Membuat Pagination Number di Postingan Blog
Cara Membuat Pagination Number di Postingan Blog

Cara Membuat Pagination Number di Postingan Blog

Silahkan ikuti langkah langkah dibawah ini untuk membuat Pagination Number di Postingan BlogCara Membuat Pagination Number di Postingan Blog

  1. Masuk ke halaman dasboard blogger kamu.
  2. Kemudian pilih Template » Edit HTML
  3. Cari kode ]]></b:skin> Gunakan kombinasi tombol CTRL+F agar mudah menemukan kode tersebut.
  4. Letakan CSS dibawah ini tepat di atas kode ]]></b:skin> 
    Script
    /* Pagination CSS by Idblanter.com */
    .post-content{display:none}.dblanter{font-size:130%;text-align:center}
    .paging .tombol,.paging:before{font-size:14px;padding:8px 12px}
    .paging{margin:20px auto;font-weight:bold;text-align:center;width:100%;font-family:Roboto,Arial,sans-serif}
    .paging .tombol{font-weight:700;background:#2196f3;border-radius:5px;display:inline-block;width:25px;color:#fff;margin-right:5px;transition:ease .69s!important}
    .tombol.blanter{background:#000}
    .paging:before{content:’PAGES : ‘;font-weight:Bold;border:1px solid #2196f3;color:#2196f3;border-radius:5px;margin-right:10px}
    @media screen and (max-width:768px){.paging .tombol,.paging:before{padding:8px 5px}}
  5. Cari lagi kode </body> dan letakan kode dibawah ini tepat diatasnya
    Script
    <script style=’text/javascript’>
    //<![CDATA[
    function get_n(n){var o,t,e=decodeURIComponent(window.location.search.substring(1)).split(“&”);for(t=0;t<e.length;t++)if((o=e[t].split(“=”))[0]===n)return void 0===o[1]||o[1]}$(document).ready(function(){var n=get_n(“n”);$(“.post-content”).hide(),void 0===n?$(“.content_1”).show():$(“.content_”+n).show();var o=$(“.post-content”).length;if(0!=o)for(i=1;i<=o;i++){var t=window.location.pathname;$(“p.paging”).append($(‘<a href=”‘+t+”?n=”+i+'” class=”tombol n’+i+'”> ‘+i+” </a>”))}else $(“p.paging”).hide();void 0==n&&$(“.tombol.n1”).toggleClass(“blanter”),n==n&&$(“.tombol.n”+n).toggleClass(“blanter”)});
    //]]>
    </script>
  6. Agar tombol pagination number muncul disemua artikel kamu secara otomatis, silahkan cari kode <data:post.body/> dan letakan kode dibawah ini tepat dibawahnya. 
    Script
    <div class=’dblanter’><b>HALAMAN SELANJUTNYA:</b></div><br/>
    <center><a href=’#’ target=’_blank’ title=’Kunjungi blog Dunia Blanter’><img alt=’iklan banner’ src=’https://4.bp.blogspot.com/-6ZDrg7GHPa4/VytnmRI9BaI/AAAAAAAAD0w/dyOGpRSMe78xiIGN4sDumyA-VGDjDYksACLcB/s1600/AdSpace768x90.png’ title=’Kunjungi blog Dunia Blanter’/></a></center>
    <br/><p class=’paging’/>
    NOTE: Kode tidak hanya ada satu, silahkan kamu coba satu persatu disemua kode tersebut. dan Jika kamu hanya ingin memasang pagination number di artikel-artikel tertentu, Kamu hanya perlu meletakan kode tadi di mode HTML diahir artikel.
  7. Langkah terahir kamu harus melakukan pengaturan manual untuk mengatur setiap kata-kata pada postingan agar tampil pada halaman sesuai yang kamu inginkan melalui Edit Post lalu pindahkan dari mode Compose ke mode HTML, kodenya seperti ini.
    Script
    <div class=”post-content content_1″>
    </div>
  8. Silahkan kamu ganti angka 1 pada kode diatas dengan angka 2,3,4,5,6,7,8,9 dan seterusnya.
  9. Kurang lebih hasilnya akan seperti kode dibawah ini. 
    Script
    <div class=”post-content content_1″>
    Teks Postingan 1
    </div>
    <div class=”post-content content_2″>
    Teks Postingan 2
    </div>
    <div class=”post-content content_3″>
    Teks Postingan 3
    </div>
  10. Terahir klik Perbarui artikel/Simpan.

Itulah panduan Cara Membuat Pagination Number di Postingan Blog, Memang untuk membuat artikel seperti sedikit ribet untuk dilakukan jika kamu belum terbiasa, jika ada point-poiny yang kamu tidak fahami, silahkan tulis pada kolom komentar.

Nilai

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *