Cara Memecah Posting yang Lebih Lama Menjadi Beberapa Halaman di Blogger

Saya telah melihat banyak blogger yang menggunakan platform Blogger berbicara di forum, Quora, dll. Tentang cara membuat paginasi posting yang lebih panjang ke halaman yang berbeda.

Dan jika Anda mencari yang sama, maka Anda telah mendarat di tempat yang tepat.

Selalu ada beberapa kebingungan tentang bagaimana memecah posting panjang menjadi beberapa halaman dan saya tahu ada banyak cara untuk melakukannya.

Lainnya: Cara membuat beberapa kolom di posting Blogger

Tapi, sebelum menuju pada bagaimana melakukannya, mari kita ketahui manfaat membagi posting blog yang lebih panjang menjadi beberapa halaman berbeda di Blogger.

Manfaat Memisahkan Posting yang Panjang menjadi Beberapa Halaman

Ketika Anda membagi posting blog panjang Anda, ada banyak manfaat seperti;

Memisahkan posting yang panjang akan membuat posting Anda yang berfokus pada gambar terlihat lebih baik.

Menghancurkan posting Anda akan memberi Anda lebih banyak peluang untuk tampilan iklan.

Membuat posting lama untuk Anda akan meningkatkan jumlah tampilan halaman.

Membuat posting Anda yang lebih panjang menjadi lebih mudah dan mudah dipahami.

Anda dapat menargetkan kata kunci yang berbeda untuk halaman yang berbeda.

Ini membantu robot mesin pencari merayapi halaman Anda dengan lebih mudah dan efektif..

Ini membantu meningkatkan visibilitas blog Anda pada pencarian.
Pertahankan minat pembaca Anda. Begitu,

Cara Memecah Posting Lama Menjadi Beberapa Halaman

Membagi posting panjang Anda menjadi beberapa halaman sangat mudah dan Anda dapat melakukannya dengan mengikuti beberapa langkah sederhana.

Langkah 1. Masuk ke blog Blogger Anda dan pilih Template dan klik Edit HTML

Langkah 2. Sekarang cari tag <head>an tempelkan kode jQuery di bawah tepat di bawah <head>tag.

Catatan: Anda dapat melewati langkah ini jika Anda telah menginstal pada template Blogger Anda sebelumnya.

  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Langkah 3. Lalu cari ]]></b:skin> kode dan tempel kode style sheet CSS di bawah ini tepat di atas ]]></b:skin> kode.

 .post-pagination {   
   margin: 40px auto;   
   text-align: center;   
   width: 100%;   
     float:left;   
  }   
  .button_1, .button_2, .button_3 {   
   border: 2px solid #0a0a0a;   
   font-weight: 900;   
   padding: 6px 36px;   
   color:#f4655f;   
   transition:ease 0.69s !important;   
   background-color: #24282c;   
   border-radius: 4px;   
  }   
  .button_1:hover, .button_2:hover, .button_3:hover {   
   background: none repeat scroll 0 0 #f4655f;   
   color: #fff;   
   text-decoration: none;   
  }

Langkah 4. Sekarang selanjutnya, cari </head> tag dan lewati kode jQuery di bawah tepat di atas </head> tag dan ini akan memungkinkan posting blog Anda ke halaman yang berbeda.

 <script type="text/javascript">   
  jQuery(document).ready(function(){   
  jQuery('.button_1').click(function(){   
  jQuery('.content_1').fadeIn('slow');   
  jQuery('.content_2').fadeOut('fast');   
  jQuery('.content_3').fadeOut('fast');   
  jQuery(this).css('background','#F4655F');   
  jQuery(this).css('color','#fff');   
  jQuery('.button_2').css('background','#fff');   
  jQuery('.button_2').css('color','#F4655F');   
  jQuery('.button_3').css('background','#fff');   
  jQuery('.button_3').css('color','#F4655F');   
  return false;   
  });   
  jQuery('.button_2').click(function(){   
  jQuery('.content_1').fadeOut('fast');   
  jQuery('.content_2').fadeIn('slow');   
  jQuery('.content_3').fadeOut('fast');   
  jQuery(this).css('background','#F4655F');   
  jQuery(this).css('color','#fff');   
  jQuery('.button_1').css('background','#fff');   
  jQuery('.button_1').css('color','#F4655F');   
  jQuery('.button_3').css('background','#fff');   
  jQuery('.button_3').css('color','#F4655F');   
  return false;   
  });   
  jQuery('.button_3').click(function(){   
  jQuery('.content_1').fadeOut('fast');   
  jQuery('.content_2').fadeOut('fast');   
  jQuery('.content_3').fadeIn('slow');   
  jQuery(this).css('background','#F4655F');   
  jQuery(this).css('color','#fff');   
  jQuery('.button_1').css('background','#fff');   
  jQuery('.button_1').css('color','#F4655F');   
  jQuery('.button_2').css('background','#fff');   
  jQuery('.button_2').css('color','#F4655F');   
  return false;   
  });   
  });   
  </script>

Langkah 5. Klik Simpan untuk menyimpan pengaturan template Anda.

Jadi, Anda telah selesai menambahkan style sheet dan jQuery sekarang bagian nyata dan itu adalah membuat posting blog.

Lainnya: Cara menyematkan PDF dan dokumen lain di pos Blogger

Jadi, buat Posting Baru dan alihkan posting Anda ke mode HTML dan rekatkan kode di bawah ini.

 <div class="content_1">   
  Add your content here for 1st page   
  </div>   
  <div class="content_2" style="display: none;">   
  Add your content here for 2nd page   
  </div>   
  <div class="content_3" style="display: none;">   
  Add your content here for 3rd page   
  </div>   
  <div class="post-pagination">   
  <a class="button_1" href="#">1</a>   
  <a class="button_2" href="#">2</a>   
  <a class="button_3" href="#">3</a>   
  </div>

Catatan: Ganti Tambahkan konten Anda di sini untuk halaman 1, halaman 2 dan halaman 3 juga (disorot dengan warna merah dan ukuransedikit lebih besar) dengan konten posting blog Anda sendiri atau konten mana pun yang ingin Anda buat halaman.

Saya telah membuat ini hanya untuk tiga halaman, tetapi Anda dapat meningkatkan halaman juga jika Anda memiliki pengetahuan HTML dasar dan jika tidak maka tinggalkan komentar di bawah ini yang menyatakan pertanyaan Anda dan saya akan kembali dan membantu pertanyaan Anda.

Hei! jangan lupa untuk membagikan tutorial ini jika itu bermanfaat bagi Anda.