Cara Memasang Pagination Di Dalam Artikel Blog

Cara membuat pagination di postingan blog - Bagi anda yang seorang blogger wajib melakukan kegiatan menulis artikel yang bermanfaat untuk pengunjung. penulis yang baik, sangat memperhatikan tulisan mereka dan sering membuat ribuan kalimat yang struktur penyampaiannya berkualitas. banyaknya paragraf yang anda tulis, semakin panjang juga saat scroll halaman artikel bukan ?
berfungsi membagikan halaman artikel menjadi beberapa, sehingga loading artikel menjadi ringan
Pengunjung juga bosan saat scroll kebawah, di karenakan banyaknya paragraf yang ingin di baca, tetapi bagaimana lagi, informasi penting tidak boleh dibuang. untuk mempermudah dan agar pengunjung tidak bosan scroll terus, saya memberikan tips untuk anda memasang pagination pada artikel anda yang membahas tentang produk sangat banyak.

Lihat Juga : Cara Cek Artikel Copas Atau Bukan

Apa Itu Pagination, Gunanya ?

Merupakan sebuah fitur yang berguna untuk membatasi sebuah halaman, agar tidak terlalu panjang dan supaya rapi tata letaknya. memasang pagination ini juga bagus untuk view artikel, karena saat klik halaman selanjutnya, akan ikut reload artikel anda.

Cara Membagi Artikel, Beberapa Halaman

1. Masuk Ke Edit HTML.
2. Cari kode </body>, dengan cara CTRL+F.
3. Salin kode dibawah ini, lalu pastekan di atas </body>.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:if cond='data:blog.isMobile == &quot;false&quot;'>
  <script type='text/javascript'>
  //<![CDATA[
document.addEventListener('DOMContentLoaded', function() {
   function checkChildren(nodes, elemId){
    for(i=0;i<nodes.length;i++){
     if(nodes[i].id==elemId){
      return nodes[i];
     }else{
      return checkChildren(nodes[i].children, elemId);
     }
    }
   }
   
   function isNumeric(value) {
    var type = typeof value;
4. Cari kode </style>, salin kode berikut di atas </style>
/* Page Navigation */
.cm-pagenav{text-align:center;line-height:1.4em;margin:15px 0 30px 0;text-align:center;font-size:14px}.cm-pagenav span,.cm-pagenav a{background-color:#4e92df;box-shadow:0px 6px #4886ca;-moz-box-shadow:0px 6px #4886ca;-webkit-box-shadow:0px 6px #4886ca;-moz-transition:none;-webkit-transition:none;transition:none;display:inline-block;padding:10px 15px;margin-left:3px;margin-right:3px;vertical-align:middle;font-size:14px;color:#fff !important;text-decoration:none !important}.cm-pagenav .pages{background:#4e92df;color:#fff}.cm-pagenav .current,.cm-pagenav a:hover{top:4px;position:relative;box-shadow:0px 2px #4886ca;-moz-box-shadow:0px 2px #4886ca;-webkit-box-shadow:0px 2px #4886ca}.cm-pagenav a:active{top:6px;position:relative;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.cm-pagenav .pages{display:none}.cm-clearfix{clear:both}
5. Simpan Themplate.
Penting : Script pagination ini tidak bisa berjalan di semua themplate, karena struktur theme berbeda-beda, tetapi coba dulu dan praktekan saja, hasilnya nanti baru di bicarakan. Cari kode <div class=’post-body’>
Sesuaikan seperti di bawah berikut.
  • <div class=’post-body’> menggunakan div.post-body>
  • <div class=’post’> menggunakan div.post
  • <div id=’post-body’> menggunakan div#post-body
  • <div id=’post’> menggunakan div#post

Cara Menggunakan Pagination Di Dalam Postingan

1. Buat artikel baru, lalu Pilih Tab HTML, Bukan Compose ya.
2. Salin kode bawah ini.
<div id=”postsplit”>Masukkan Tulisan Artikel Anda</div>
3. Untuk membagikan halaman kedua, silahkan tambahkan di bawah kode di atas.
<!–nextpage–> 
4. Selanjutnya, lakukan halaman berikutnya seperti langkah pertama.

Lihat Juga : Cara Memasang Syntax Highlighter Seperti Sublime Text

Demikianlah, tutorial cara memabagikan artikel menjadi beberapa halaman seperti pagination. semoga bermanfaat untuk anda.

Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "Cara Memasang Pagination Di Dalam Artikel Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Butuh Bantuan ?