Cara Membagi Postingan Artikel Blog Menjadi Beberapa Halaman

ADSENSE HERE!

Cara membagi Posting Blogspot menjadi beberapa halaman seperti yang digunakan oleh wordpress & joomla. Dengan fitur ini, pageviews blog menjadi tinggi, karena untuk satu postingan bisa dibagi menjadi beberapa halaman. Untuk para bloggers jangan merasa berkecil hati karena blogspot belum mempunyai fitur seperti itu, hal ini bisa kita siasati secara manual dengan membuat/ menaruh beberapa script kedalam template blog kita walaupun agak ribet membuatnya.

Disamping untuk meningkatkan alexa rank, pembagian postingan menjadi beberapa halaman ini juga bermanfaat agar pengunjung tidak merasa bosan apalagi jika postingan yang dibaca sangat panjang. Pada postingan tutorial kali ini saya akan membagikan cara/ langkah-langkah membuat postingan menjadi beberapa halaman :

Langkah Pertama buka template blog anda, kemudian tambahkan script dibawah ini pada template blog diatas kode </body>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script> <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>

Jika sudah dipastekan ke template blog anda, save template. Langkah Selanjutnya Lihat ke Halaman 2 >>>

Kedua : Anda buat postingan terlebih dahulu, atau bisa juga dengan mengedit postingan yang sudah ada. Pada halaman postingan pilih Menu mode HTML kemudian bagilah postingan dengan menambahkan DIV atau SPAN dengan menambahkan atribut CLASS. Pada blog ini dicoba memakai DIV CLASS, berikut contoh nya :

<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 KETIGA </div>

Ketiga : Untuk menampilkan Button halaman nya, masih dalam mode HTML, tambahkan lagi kode berikut dibawah postingan tadi, berikut kode nya :

<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>

Jika ingin menampilkan button pagenya dalam bentuk gambar, berikut kode nya ;

<p style="font-weight:bold;font-size:22px"> Pages: <a href="#" class="button_1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiCJbFo57abUnp-u3fqB2qCSVA62S2ds7y6oTn2Ea5L-_teWU9tchak1koR27MBAdiZDoeJ4Kj8uS5hsrIhhVjEnXYz5mgfMTqACRL_n0SGrO9fJvHpA9v3pkCClHGue6vcLv1XYdd_w0/s1600/1.png"></a> <a href="#" class="button_2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkaTn9L5jDIaltLULxUy90RqrJ4RyFPX1SAZrHTT6SMuwGf82esoEEQd9neV6MplXbFlfUM1CwUQ-giz4SnqAhkZ-Bm9GTQW_-aomrxWpRht_LbjjfRaluZJE4lEHXyk9d4VjahHwQ_vc/s1600/2.png"></a> <a href="#" class="button_3"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHyj5qsQei4Q4IIqkBjJaHuXztcWYHsdlNG_Omc_hygHyJQpO7AY_SyvZOwutA0IM4ianeOvopMbPdiH8VJDh4_tmuXGfqMXFFoWD6oz03gXRxtRGmn-KB_mjEhVKy0W7QfNHKERoZThc/s200/3.png"></a>

Setelah semua nya selesai, publikasikan atau perbaharui postingannya. Selesai sudah membuat postingan beberapa halaman diblogspot.ATTENTION...!!!Semua Postingan yang dibagi menjadi beberapa halaman jangan di edit dalam bentuk Compose,tetapi harus dalam mode/bentuk HTML karena berakibat postingan tidak akan terbagi menjadi beberapa halaman, semoga artikel ini bermanfaat bagi para blogger. Aamiin...

Page :

ADSENSE HERE!