Selasa, 07 April 2015

Membagi Postingan Blog Menjadi Beberapa Halaman (blogger.com)


Mengapa kita membuat postingan blog menjadi beberapa halaman ?. Salah satu keuntungannya adalah jika postingan kita sangat panjang, maka membaginya ke beberapa halaman adalah sesuatu yang sangat berguna karena akan mempercepat halaman tersebut dibaca.




Bagaimana melakukannya ? Untuk wordpress bisa cari lagi di google, karena yang akan kami jelaskan saat ini adalah untuk Blogger.
Mari kita ikuti langkah-langkah berikut.

1. Masuk ke Blogger, >> New Post >> HTML
2. Kemudian tambahkan konten Anda dalam elemen seperti yang diberikan di bawah ini. Pada contoh ini kita membagi isi konten ke dalam 4 bagian.

<span class="content1">
Disini konten 1
</span>
<span class="content2" style="display:none">
Disini konten 2
</span>
<span class="content3" style="display:none">
Disini konten 3
</span>
<span class="content4" style="display:none">
Disini konten 4
</span>

3. Tambahkan link berikut di bawah konten tersebut di atas.

<p><b>Pages: <span style=”color: #3d85c6;”>
<a href=”#” class=”page1″>1</a>
<a href=”#” class=”page2″>2</a>
<a href=”#” class=”page3″>3</a>
<a href=”#” class=”page4″>4</a></span></b></p>

4. Untuk membuat link di atas aktif, copy paste lagi script di bawah.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script style="text/javascript">
jQuery(document).ready(function(){
jQuery('.page1').click(function(){
jQuery('.content1').show();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').hide();
return false;
});
jQuery('.page2').click(function(){
jQuery('.content1').hide();
jQuery('.content2').show();
jQuery('.content3').hide();
jQuery('.content4').hide();
return false;
});
jQuery('.page3').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').show();
jQuery('.content4').hide();
return false;
});
jQuery('.page4').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').show();
return false;
});
});
</script>




5. Setelah itu klik "Publish"

Selamat, postingan Anda sekarang sudah memiliki 4 halaman.

Contoh halaman yang menggunakan cara ini http://www.kilaskareba.com/2015/04/5-cara-tidak-biasa-membersihkan-gigi.html


Share This Post →


Tidak ada komentar:

Posting Komentar