√ Cara Menciptakan Pagination Number Di Postingan Blog

Cara Membuat Pagination Number di Postingan Blog » Hay teman-teman ketemu lagi dengan lapaklama.com, Pada kesempatan kali ini saya ingin share panduan menciptakan pagination di dalam postingan blog Dengan Fungsi Refres.

Biasanya kau dapat menemukan pagination number di blog-blog portal informasi menyerupai detik.com,liputan6.com dan website-website informasi lainya. Tujuan di buatnya pagination  number ialah supaya pembaca tidak bosan membaca artikel yang panjang.

Pada artikel ini saya memakai script gres dan otomatis, kecuali pada bab artikel yang ingin kau munculkan pada number tertentu.

Untuk demo pagination  number sudah saya siapkan eksklusif live pada artikel ini. Silahkan klik Laman Berikutnya untuk membaca artikel ini sampai habis. Kurang lebih tampilanya nanti akan menyerupai blog ini, Untuk jumplah pagination number nya sendiri tidak terbatas, kau dapat merubah menjadi beberapa halaman sesuai yang kau inginkan.

Dan juga sudah saya lengkapi dengan space iklan berukuran 768×90 jadi saat, pengunjung pindah halaman, blog akan secara otomatis meresfres menuju halaman artikel selanjutnya.

Perlu kau perhatikan, sebelum kau melaksanakan hal ini kau setidaknya kau mengenal tag pembuka dan penutup pada HTML dan juga artikel jangan copy paste dari blog orang lain atau microsoft word alasannya ialah hal tersebut hanya akan menyulitkan kau ketika pengeditan.

Bagaimana apakah kau tertarik membuat Pagination Number di Postingan Blog kamu?

Jika kau berminat silahkan ikuti tutorialnya dihalaman berikutnya. 

Cara Membuat Pagination Number di Postingan Blog

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

1. Masuk ke halaman dasboard blogger kamu.


2. Kemudian pilih Template » Edit HTML


3. Cari instruksi ]]></b:skin> Gunakan kombinasi tombol CTRL+F biar gampang menemukan instruksi tersebut.


4. Letakan CSS dibawah ini sempurna 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 instruksi dibawah ini sempurna diatasnya
   Script

   <script style=’text/j4vascript’>
   
   //<![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 kau secara otomatis, silahkan cari kode <data:post.body/> dan letakan instruksi dibawah ini sempurna 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_m1Rm6Jl9nV3c9JNaqBbtikojS5jTS9kcSAV0C77khdsgDsFloVeNymFZVWDgzLG5KL83uhI8ZAnSK_nM_cdlHG-eONqtppeR3dNb8tvk08E1Tu1MPOPINmIWK-fL0rD_9RuEwEJEifY/s1600/AdSpace768x90.png’ title=’Kunjungi blog Dunia Blanter’/></a></center>
   
   <br/><p class=’paging’/>
   NOTE: Kode tidak hanya ada satu, silahkan kau coba satu persatu disemua instruksi tersebut. dan Jika kau hanya ingin memasang pagination number di artikel-artikel tertentu, Kamu hanya perlu meletakan instruksi tadi di mode HTML diahir artikel.


7. Langkah terahir kau harus melaksanakan pengaturan manual untuk mengatur setiap kata-kata pada postingan biar tampil pada halaman sesuai yang kau inginkan melalui Edit Post kemudian pindahkan dari mode Compose ke mode HTML, kodenya menyerupai ini.
   Script

   <div class=”post-content content_1″>
   
   </div>


8. Silahkan kau ganti angka 1 pada instruksi diatas dengan angka 2,3,4,5,6,7,8,9 dan seterusnya.


9. Kurang lebih risikonya akan menyerupai instruksi 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 menciptakan artikel menyerupai sedikit ribet untuk dilakukan jikalau kau belum terbiasa, jikalau ada point-poiny yang kau tidak fahami, silahkan tulis pada kolom komentar.

Sumber aciknadzirah.blogspot.com