cara membagi postingan menjadi beberapa halaman dengan split page di blogger

cara membagi postingan menjadi beberapa halaman dengan split page di blogger

postingan yang cenderung panjang membuat pembaca enggan terus meng-scroll layar terus kebawah, untuk menyiasati nya, kita bisa lakukan suatu cara yaitu membagi halaman postingan kedalam beberapa halaman yang lebih pendek


selain membuat postingan dan blog kita lebih rapih dan tertata, cara ini juga efektif bagi anda pengguna pop under ads karena pembaca akan meng klik untuk melanjtkan membaca ke halaman berikutnya dan itu akan memunculkan pop up iklan kita. caranya mudah,
pertama kita perlu sedikit menambahkan sript tambahan kedalam template kita.
cari tag  ]]></b:skin> dan copas kode ini tepat diatasnya

/* split halaman postingan */
.post-pagination { margin:40px auto; text-align:center; width:100%; float:left; }
.button_1,.button_2,.button_3,.button_4,.button_5,.button_6,.button_7,.button_8,.button_9,.Button_10 { border:2px solid #43ce8e; font-weight:640; padding:6px 36px; color:#f9f7f7; transition:ease 0.69s !important; }
.button_1:hover,.button_2:hover,.button_3:hover,.button_4:hover,.button_5:hover,.button_6:hover,.button_7:hover,.button_8:hover,.button_9:hover,.button_10:hover { background:none repeat scroll 0 0 #43ce8e; color:#ffffff; text-decoration:none; }

kemudian, cari tag </body> dan copas kode ini tepat di atasnya

<!-- split halaman postingan -->
<script type='text/javascript'>
jQuery(document).ready(function(){
jQuery(&#39;.button_1&#39;).click(function(){
jQuery(&#39;.content_1&#39;).fadeIn(&#39;slow&#39;);
  jQuery(&#39;.content_2&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_3&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_4&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_5&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_6&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_7&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_8&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_9&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_10&#39;).fadeOut(&#39;fast&#39;);
jQuery(this).css(&#39;background&#39;,&#39;#43ce8e&#39;);
jQuery(this).css(&#39;color&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
return false;
});
jQuery(&#39;.button_2&#39;).click(function(){
jQuery(&#39;.content_1&#39;).fadeOut(&#39;fast&#39;);
  jQuery(&#39;.content_2&#39;).fadeIn(&#39;slow&#39;);
jQuery(&#39;.content_3&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_4&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_5&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_6&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_7&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_8&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_9&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_10&#39;).fadeOut(&#39;fast&#39;);
jQuery(this).css(&#39;background&#39;,&#39;#43ce8e&#39;);
jQuery(this).css(&#39;color&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
return false;
});
jQuery(&#39;.button_3&#39;).click(function(){
jQuery(&#39;.content_1&#39;).fadeOut(&#39;fast&#39;);
  jQuery(&#39;.content_2&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_3&#39;).fadeIn(&#39;slow&#39;);
jQuery(&#39;.content_4&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_5&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_6&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_7&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_8&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_9&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_10&#39;).fadeOut(&#39;fast&#39;);
jQuery(this).css(&#39;background&#39;,&#39;#43ce8e&#39;);
jQuery(this).css(&#39;color&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
return false;
});
jQuery(&#39;.button_4&#39;).click(function(){
jQuery(&#39;.content_1&#39;).fadeOut(&#39;fast&#39;);
  jQuery(&#39;.content_2&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_3&#39;).fadeOut(&#39;slow&#39;);
jQuery(&#39;.content_4&#39;).fadeIn(&#39;fast&#39;);
jQuery(&#39;.content_5&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_6&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_7&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_8&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_9&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_10&#39;).fadeOut(&#39;fast&#39;);
jQuery(this).css(&#39;background&#39;,&#39;#43ce8e&#39;);
jQuery(this).css(&#39;color&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
return false;
});
jQuery(&#39;.button_5&#39;).click(function(){
jQuery(&#39;.content_1&#39;).fadeOut(&#39;fast&#39;);
  jQuery(&#39;.content_2&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_3&#39;).fadeOut(&#39;slow&#39;);
jQuery(&#39;.content_4&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_5&#39;).fadeIn(&#39;fast&#39;);
jQuery(&#39;.content_6&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_7&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_8&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_9&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_10&#39;).fadeOut(&#39;fast&#39;);
jQuery(this).css(&#39;background&#39;,&#39;#43ce8e&#39;);
jQuery(this).css(&#39;color&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
return false;
});
jQuery(&#39;.button_6&#39;).click(function(){
jQuery(&#39;.content_1&#39;).fadeOut(&#39;fast&#39;);
  jQuery(&#39;.content_2&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_3&#39;).fadeOut(&#39;slow&#39;);
jQuery(&#39;.content_4&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_5&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_6&#39;).fadeIn(&#39;fast&#39;);
jQuery(&#39;.content_7&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_8&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_9&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_10&#39;).fadeOut(&#39;fast&#39;);
jQuery(this).css(&#39;background&#39;,&#39;#43ce8e&#39;);
jQuery(this).css(&#39;color&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
return false;
});
jQuery(&#39;.button_7&#39;).click(function(){
jQuery(&#39;.content_1&#39;).fadeOut(&#39;fast&#39;);
  jQuery(&#39;.content_2&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_3&#39;).fadeOut(&#39;slow&#39;);
jQuery(&#39;.content_4&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_5&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_6&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_7&#39;).fadeIn(&#39;fast&#39;);
jQuery(&#39;.content_8&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_9&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_10&#39;).fadeOut(&#39;fast&#39;);
jQuery(this).css(&#39;background&#39;,&#39;#43ce8e&#39;);
jQuery(this).css(&#39;color&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
return false;
});
jQuery(&#39;.button_8&#39;).click(function(){
jQuery(&#39;.content_1&#39;).fadeOut(&#39;fast&#39;);
  jQuery(&#39;.content_2&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_3&#39;).fadeOut(&#39;slow&#39;);
jQuery(&#39;.content_4&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_5&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_6&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_7&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_8&#39;).fadeIn(&#39;fast&#39;);
jQuery(&#39;.content_9&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_10&#39;).fadeOut(&#39;fast&#39;);
jQuery(this).css(&#39;background&#39;,&#39;#43ce8e&#39;);
jQuery(this).css(&#39;color&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
return false;
});
jQuery(&#39;.button_9&#39;).click(function(){
jQuery(&#39;.content_1&#39;).fadeOut(&#39;fast&#39;);
  jQuery(&#39;.content_2&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_3&#39;).fadeOut(&#39;slow&#39;);
jQuery(&#39;.content_4&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_5&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_6&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_7&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_8&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_9&#39;).fadeIn(&#39;fast&#39;);
jQuery(&#39;.content_10&#39;).fadeOut(&#39;fast&#39;);
jQuery(this).css(&#39;background&#39;,&#39;#43ce8e&#39;);
jQuery(this).css(&#39;color&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_10&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
return false;
});
jQuery(&#39;.button_10&#39;).click(function(){
jQuery(&#39;.content_1&#39;).fadeOut(&#39;fast&#39;);
  jQuery(&#39;.content_2&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_3&#39;).fadeOut(&#39;slow&#39;);
jQuery(&#39;.content_4&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_5&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_6&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_7&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_8&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_9&#39;).fadeOut(&#39;fast&#39;);
jQuery(&#39;.content_10&#39;).fadeIn(&#39;fast&#39;);
jQuery(this).css(&#39;background&#39;,&#39;#43ce8e&#39;);
jQuery(this).css(&#39;color&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_1&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_2&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_3&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_4&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_5&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_6&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_7&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_8&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;background&#39;,&#39;#fff&#39;);
jQuery(&#39;.button_9&#39;).css(&#39;color&#39;,&#39;#43ce8e&#39;);
return false;
});

 });
</script>

setelah selesai, simpan template, lalu ke halaman postingan, coba buat postingan baru atau edit salah satu postingan. di sini saya meng edit postingan dengan mode HTML.
sisipkan script ini di postingan.<div class="content_1">
 Masukan artikel Anda yang Halaman 1
 </div>
 <div class="content_2" style="display: none;">
 Masukan artikel Anda yang Halaman 2
 </div>
 <div class="content_3" style="display: none;">
 Masukan artikel Anda yang Halaman 3

 </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><a class="button_4" href="#">4</a>  <a class="button_5" href="#">5</a> <a class="button_6" href="#">6</a> <a class="button_7" href="#">7</a> </div>

anda bisa bebas menentukan jumlah halaman dengan megedit script diatas mengikuti pola nya.

jika masih bingun, silahkan lihat video ini.



    tips blog