Membagi Postingan Blog Menjadi Beberapa Halaman dengan Nomor

Membagi Postingan Blog Menjadi Beberapa Halaman dengan Nomor. - Membagi satu halaman posting menjadi beberapa halaman di blog merupakan salah satu cara untuk meningkatkan pageview blog. Pembagian halaman post demikian perlu digunakan oleh situs web yang memuat artikel panjang, seperti biasa diterapkan pada situs portal berita atau media online. Cara ini digunakan untuk membantu pengunjung blog atau pembaca artikel yang panjang tersebut supaya tidak jenuh dan lelah sehingga mereka cepat meninggalkan artikel tersebut sebelum selesai disimak. Pemagian halaman yang dilengkapi dengan tombol navigasi nomor halaman akan memudahkan pengunjung dalam menyimak tulisan, selain berfungsi sebagai refreshing halaman dan pada gilirannya akan meningkatkan pageviews blog yang menjadi dambaan bagi setiap penyelenggara atau pembuat blog.
Jika ingin Membagi Postingan Blog Menjadi Beberapa Halaman dengan Nomor Navigasi, ikutilah langkah-langkah berimut:

1. Login ke akun blogger .
2. Masuk ke menu Tema
3. Klik edit html.
4. Cari kode </body> dengan cara menekan tombol CTRL+F dan ketikkan </body>, klik enter.
5. Salin dan tempelkan kode dibawah ini tepat diatas kode </body>
   
   
   
   
   

   <script style="text/javascript"> jQuery(document).ready(function(){ jQuery('.button_1').click(function(){ jQuery('.content_1').show('slow'); jQuery('.content_2').hide('slow'); jQuery('.content_3').hide('slow'); return false; }); jQuery('.button_2').click(function(){ jQuery('.content_1').hide('slow'); jQuery('.content_2').show('slow'); jQuery('.content_3').hide('slow'); return false; }); jQuery('.button_3').click(function(){ jQuery('.content_1').hide('slow'); jQuery('.content_2').hide('slow'); jQuery('.content_3').show('slow'); return false; }); }); </script>

6. Klik Simpan
7. Selanjutnya, buka postingan baru, kemudian klik tampilan html terlebih dahulu, jangan tampilan menulis.
8. Copy paste kode berikut di halaman postingan.
   
   

       <!--to posting page --> <div class="content_1">
   DISINI POSTING HALAMAN PERTAMA
   </div>
   
   <div class="content_2" style="display:none;">
   DISINI POSTING HALAMAN KEDUA
   </div>
   
   <div class="content_3" style="display:none;">
   DISINI POSTING HALAMAN KETIKA
   </div>
   
   <p style="font-weight:bold;">Pages: 
   <a href="#" class="button_1"> 1</a>
   <a href="#" class="button_2"> 2</a>
   <a href="#" class="button_3"> 3</a></p></div>



9. Ketikkan postingan atau artikel dan atur jumlah masing-masing tulisan disesuaikan dengan jumlah pembagian halaman yang diinginkan.
   Jika ingin menambahkan jumlah pembagian halaman lebih banyak (maksimal 15 halaman), maka harus kembali masuk ke menu Tema klik edit html untuk ditambahkan jumlah halaman pada kode (langkah 5) tersebut di atas, dengan memperhatikan dan menyesuaikan kode hide dan show untuk masing-masing halaman. Dan tambahkan atau sisipkan kode pembagian halaman (langkah 8) sesuai dengan jumlah pembagian halaman yang diinginkan.
10. Jika semua sudah lengkap dan dilakukan dengan benar, terakhir publikasikan.
11. Selesai

Jika ingin tampilan nomor pembagian halaman yang berbeda (lebih keren), gantikan kode di halaman postingan berikut:

<span style="color: blue; font-family: Verdana,Arial,Helvetica,Georgia; font-size: 20px;"><p style="font-weight:bold;">Halaman:
<a href="#" class="button_1"> 1</a>
<a href="#" class="button_2"> 2</a>
<a href="#" class="button_3"> 3</a></p></span>

dengan kode berikut:

<!--button on alltutorials html-->
<div style="font-size: 29px; font-weight: bold;">
Halaman: <a class="button_1" href="#">
<img height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj30vHKEd8kfjkuUxnM_hDR4FTiiy9oRAnT9P7lU9tCYGiO8grlM4Zm-NwCjrgiWJAunBSpb54LzthfJeBnPjnEreEPPwJKOQV9sOHFk1QXjtLK7uCg2Kes3L5-Mg6lYs28V4j8m7mFMthf/s320/Hal+satu.png" title="page posting 1" width="20" /></a>&nbsp;<a class="button_2" href="#"><img height="23" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-8ygMfmCU1pIjlnhyphenhyphenLbJykLr_y6H9II3O2S4Fx5MXpXECMXxBFXnYnWu1C1OUzBVJklfrqGj8qObJM4ZG0JXXMLvxvbrEOimAVyAL7eHYHBFtYD8rHYuyVV0hXNy5rbnoAzYR5rwXqvrY/s320/Hal+dua.png" title="page posting 2" width="20" /></a>&nbsp;<a class="button_3" href="#"><img height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgixoafftzfZTshk8-9hzW5u1jeJaiPGdmNeHADUAaCvuNpy8_qUUQB2YFBUkJK9Vt0YjZvFmZEYcu9PL3rd-PEXLGZgBjLxJJ5cAPfUnac3xywFG9h5H1bbMYjMRNh-u4WHT8nHroR5K2M/s320/Hal+tiga.png" title="page posting 3" width="20" /></a>

Jika ingin menampilkan variasi nomor navigasi model lain, ikuti langkah-langkah berikut:

1. Buka Adobe Photoshop
2. Buat nomor sesuai yang diinginkan
3. Simpan dalam format file PNG
   
   

   Contoh pembuatan nomor halaman
4. Buka blog
5. Klik postingan baru. Klik tampilan html, bukan tampilan menulis
6. Upload file png yang sudah dibuat di adobe photoshop
   
   


7. Copy kode di antara tanda kutip (") dan awalan https (dalam lingkaran)
   
   
   
   
8. Pastekan kode tersebut untuk menggantikan kode di dalam postingan sesuai dengan urutan nomornya
   
   

Demikian cara Membuat Postingan Blogger Menjadi Beberapa Bagian dengan Nomor Navigasi
Simak: Demo I (belum dimodif)   Demo II (sesudah dimodif)

Halaman:  

Simak Juga: