Cara Membuat Posting Blogspot Beberapa Halaman - 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 langkahlangkah 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.mi
n.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_1').top;('#')
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_2').top('#');
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');
jQuery('.content_3').top('#');
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.
Langkah Selanjutnya silahkan lihat pada halaman 2.
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;">Halaman:
<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="http://2.bp.blogspot.com/uw7bKltgMkQ/VLDn7xNDOuI/AAAAAAAACnw/njkt_4kOMm0/s1600/1.png
"/></a>
<a href="#" class="button_2"><img src="http://2.bp.blogspot.com/6awTr_uIiy8/VLDn8DXAVlI/AAAAAAAACn4/e5vpCol4vhk/s1600/2.png"
/></a>
<a href="#" class="button_3"><img src="http://4.bp.blogspot.com/x7TFtw7YNK0/VLDn8H_xs3I/AAAAAAAACn0/681_f2L8gOA/s1600/3.png"
/></a>
</p>
Setelah semua nya selesai, publikasikan atau perbaharui postingan nya.
Selesai sudah membuat postingan beberapa halaman. INGAT.....Semua
Postingan yang dibagi beberapa halaman JANGAN PERNAH di edit dalam
bentuk Compose, karena berakibat postingan tidak akan terbagi, salam
blogger.

Halaman:

<div class="content_1">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/eVHGCyyu8sI/WF8IVn046qI/AAAAAAAAAI0/ZVp_wvOnDyMypkhViH3Mst1P3VUf8Y
NvgCLcB/s1600/KTSP%2B2016-2017-01.jpg" imageanchor="1" style="marginleft: 1em; margin-right: 1em;"><img border="0" height="200"
src="https://4.bp.blogspot.com/eVHGCyyu8sI/WF8IVn046qI/AAAAAAAAAI0/ZVp_wvOnDyMypkhViH3Mst1P3VUf8Y
NvgCLcB/s200/KTSP%2B2016-2017-01.jpg" width="127" /></a></div>
</div>
<div class="content_2" style="display: none;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/TjiyHE3UNms/WF8Imbat8FI/AAAAAAAAAI4/lktgowSIW5MC2GMavyohSvYfsrOx1SegCLcB/s1600/KTSP%2B2016-2017-03.jpg" imageanchor="1" style="marginleft: 1em; margin-right: 1em;"><img border="0" height="320"
src="https://2.bp.blogspot.com/TjiyHE3UNms/WF8Imbat8FI/AAAAAAAAAI4/lktgowSIW5MC2GMavyohSvYfsrOx1SegCLcB/s320/KTSP%2B2016-2017-03.jpg" width="204" /></a></div>
</div>
<div class="content_3" style="display: none;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/sdNwxTdsaEs/WF8IvZ5bJYI/AAAAAAAAAI8/DJcndWHl0S0Ja0wS8FBAuMyvy5j1xnai
QCLcB/s1600/KTSP%2B2016-2017-04.jpg" imageanchor="1" style="margin-left:
1em; margin-right: 1em;"><img border="0" height="320"
src="https://4.bp.blogspot.com/sdNwxTdsaEs/WF8IvZ5bJYI/AAAAAAAAAI8/DJcndWHl0S0Ja0wS8FBAuMyvy5j1xnai
QCLcB/s320/KTSP%2B2016-2017-04.jpg" width="204" /></a></div>
</div>
<div class="content_2" style="display: none;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/7gqUG8fGGCw/WF8I6JW_FtI/AAAAAAAAAJA/MvtYKKrSri0yYWNkVNpVCPbMhQJ2SO
eSACLcB/s1600/KTSP%2B2016-2017-05.jpg" imageanchor="1" style="marginleft: 1em; margin-right: 1em;"><img border="0" height="320"
src="https://2.bp.blogspot.com/-

7gqUG8fGGCw/WF8I6JW_FtI/AAAAAAAAAJA/MvtYKKrSri0yYWNkVNpVCPbMhQJ2SO
eSACLcB/s320/KTSP%2B2016-2017-05.jpg" width="204" /></a></div>
</div>
<div class="content_3" style="display: none;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/quwH7FMm4n4/WF8JBo5D0kI/AAAAAAAAAJE/x3N1UYEI7WshWbaEQ_V4cRxShnh
NyhvQgCLcB/s1600/KTSP%2B2016-2017-06.jpg" imageanchor="1"
style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320"
src="https://1.bp.blogspot.com/quwH7FMm4n4/WF8JBo5D0kI/AAAAAAAAAJE/x3N1UYEI7WshWbaEQ_V4cRxShnh
NyhvQgCLcB/s320/KTSP%2B2016-2017-06.jpg" width="204" /></a></div>
</div>
<div class="content_2" style="display: none;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/di7zhpW19is/WF8JJqno15I/AAAAAAAAAJI/T3f9069TqxIEKHfCKjJOETkbvceO_KQwCLcB/s1600/KTSP%2B2016-2017-07.jpg" imageanchor="1" style="marginleft: 1em; margin-right: 1em;"><img border="0" height="320"
src="https://1.bp.blogspot.com/di7zhpW19is/WF8JJqno15I/AAAAAAAAAJI/T3f9069TqxIEKHfCKjJOETkbvceO_KQwCLcB/s320/KTSP%2B2016-2017-07.jpg" width="204" /></a></div>
</div>
<div class="content_3" style="display: none;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/xgCAqjuXeCE/WF8JUdzNheI/AAAAAAAAAJU/QweUwt2WJ9AMOEQ9CFP5YNpKTVfj0
n7DwCLcB/s1600/KTSP%2B2016-2017-09.jpg" imageanchor="1" style="marginleft: 1em; margin-right: 1em;"><img border="0" height="320"
src="https://3.bp.blogspot.com/xgCAqjuXeCE/WF8JUdzNheI/AAAAAAAAAJU/QweUwt2WJ9AMOEQ9CFP5YNpKTVfj0
n7DwCLcB/s320/KTSP%2B2016-2017-09.jpg" width="204" /></a></div>
</div>
<div class="content_2" style="display: none;">
<div class="separator" style="clear: both; text-align: center;">

<a href="https://3.bp.blogspot.com/YANWCPQ0eZU/WF8Jc8Xlc3I/AAAAAAAAAJY/KERACgAJxas6MoUXDU7YntVF0ZknQJ
_oQCLcB/s1600/KTSP%2B2016-2017-10.jpg" imageanchor="1" style="marginleft: 1em; margin-right: 1em;"><img border="0" height="320"
src="https://3.bp.blogspot.com/YANWCPQ0eZU/WF8Jc8Xlc3I/AAAAAAAAAJY/KERACgAJxas6MoUXDU7YntVF0ZknQJ
_oQCLcB/s320/KTSP%2B2016-2017-10.jpg" width="204" /></a></div>
</div>
<div class="content_3" style="display: none;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/rlCV28QJWBE/WF8Jzy1RqgI/AAAAAAAAAJk/JSerXDP19WAtss4O3EkTPhuioiEeYPPb
ACLcB/s1600/KTSP%2B2016-2017-11.jpg" imageanchor="1" style="margin-left:
1em; margin-right: 1em;"><img border="0" height="320"
src="https://1.bp.blogspot.com/rlCV28QJWBE/WF8Jzy1RqgI/AAAAAAAAAJk/JSerXDP19WAtss4O3EkTPhuioiEeYPPb
ACLcB/s320/KTSP%2B2016-2017-11.jpg" width="204" /></a></div>
</div>