MEMBUAT POSTINGAN BEBERAPA HALAMAN

Blogspot-Mungkin ada yang heran mengapa website Wordpress atau Joomla rata-rata memiliki ranking alexa yang tinggi, padahal kalau dilihat visitor nya tidak begitu banyak, salah satu penyebabnya karena untuk Wordpress dan Joomla dilengkapi dengan fitur membagi postingan menjadi beberapa halaman.  

Dengan adanya fitur ini, pageview blog pasti lebih tinggi, karena untuk 1 postingan bisa memiliki 2 atau 3 pageview, ini terjadi karena 1 postingan dibagi menjadi 2 atau 3 halaman.

Namun bagi para blogger hal ini merupakan tantangan, karena blogspot sendiri tidak menyediakan fitur ini, sehingga untuk membuatnya harus secara manual dan tentu saja akan sedikit ribet.

Disamping untuk meningkatkan alexa rank, pembagian postingan menjadi beberapa halaman ini juga bermanfaat agar pengunjung tidak merasa bosan apalagi jika postingan yang dibaca memang panjang.

Tutorial ini membuat postingan menjadi beberapa halaman dengan maksimal 3 halaman untuk satu postingan. Agar tidak penasaran, berikut langkah-langkah membuat postingan menjadi beberapa halaman :

Pertama tambahkan kode berikut pada template blog diatas kode </body>

//add jQuery library

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

Perhatikan script berwarna merah diatas, jika blog sudah memiliki script sejenis atau lebih tinggi, maka kode script itu tidak usah dipakai atau dihapus saja. Jika sudah dipastekan, save template. 

Kedua : 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 KETIKA

</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 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/AVvXsEhMaXggGYvMtdDPdGnz9S1JpqDEwttlvFzZOdbiDAt-Jl2avDFLBQp5l6ncoLf1mpMrp0UDTBmWf1oF9NTzbAPoW0UMQiOGqCDIhJGApObu1PLcGfRi3LCZvFg0eZSqAnlmqVIjIsq6XTs9/s1600/1.png"/></a>

<a href="#" class="button_2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsA8tdB2S-D_EfAojf_6LS7z-RbB5njfDzZZWFO6Caw80rcldMJJBZJbGRcPbde4rgQdZfaOg44JFf5z3yb_Aw165fSsyPLQm6lgCycaksjyiiFRVKqeZNG6_OyNEj6hy-D7FM3O3Ddw25/s1600/2.png" /></a>

<a href="#" class="button_3"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheqvn7s9MIcNDZ3Jt-5xHoQKTF_R-6JwEkba77F_4Wq-sjtz5KZHhF2Uwgh9BFEl-yBYzndFMXdZcm_SMW5vb3PW4hdD0A87dmVVA1QEeJURD29p8BLie8DeX-cksXXm1asVv8iz4VRijD/s1600/3.png" /></a>

</p>

Setelah semua nya selesai, publikasikan atau perbaharui postingan nya. Selesai sudah membuat postingan beberapa halaman, ini contoh yang telah di modifikasi : http://gobinjai.blogspot.co.id/2015/11/mobil-karya-anak-bangsa-yang-mendunia.html , salam blogger.(http://www.cpuik.web.id/2015/01/cara-membuat-posting-blogspot-beberapa.html)