Cara Membagi Tulisan Panjang Menjadi Dua Bagian di Blog

Ini dia Cara Membagi Tulisan Panjang Menjadi Dua Bagian di Blog

1. Pisahkan atau bagi posting Anda kedalam DIV atau SPAN dan tambahkan "class attribute" di dalamnya. Contohnya seperti di bawah ini. Ini contoh posting yang dibagi tiga bagian/halaman. Dilakukan di Mode HTML.

<div class="content_1">
    //Bagian pertama posting di sini!
</div>
<div class="content_2" style="display:none;">
    //Bagian kedua posting di sini!
</div>
<div class="content_3" style="display:none;">
    //Bagian ketiga posting di sini!
</div>

2. COPAS kode berikut ini di bawah kode di atas.

//When users click on these buttons, let's bring them to corresponding pages
<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>

3. COPAS juga kode berikut ini di bawah kode no. 2. Perhatikan catatan yang ada setelah kode yang warna merah!

//add jQuery library
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript">
</script> //Jika di template blog Anda sudah ada kode yang seperti ini maka gak usah lagi ditambahkan

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