Membagi Postingan Blog Dalam Beberapa Halaman - Halo Sobat NapaRom, Pada Artikel yang sobat baca kali ini dengan judul Membagi Postingan Blog Dalam Beberapa Halaman, khusus untuk sobat pembaca sedia blog NapaRom. mudah-mudahan isi artikel atau postingan Artikel Blogging, yang saya tulis ini dapat sobat pahami. baiklah, selamat membaca.
Judul : Membagi Postingan Blog Dalam Beberapa Halaman
link : Membagi Postingan Blog Dalam Beberapa Halaman
Membagi Postingan Blog Dalam Beberapa Halaman
Tujuan membagi posting menjadi beberapa halaman adalah untuk meningkatkan tampilan halaman. Tetapi membuat posting ke beberapa halaman ini akan ngeselin pembaca, karena mereka harus mengklik beberapa kali jika akan membaca posting selanjutnya.Seperti banyaknya situs berita yang menerapkannya untuk meningkatkan halaman.
- Pastikan ada kode ini di template blog Anda.
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
- Simpan di atas kode ]]></b:skin>
.post-pagination {margin: 40px auto;text-align: center;width: 100%;float:left;}
.button_1, .button_2, .button_3 {border: 2px solid #f4655f;font-weight: 900;padding: 6px 36px;
color:#f4655f;transition:ease 0.69s !important;}
.button_1:hover, .button_2:hover, .button_3:hover {background: none repeat scroll 0 0 #f4655f;color: #fff;text-decoration: none;}
- Simpan di atas kode </head>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script>
- Save your template.
- Saat menulis postingan yang akan dipilah menjadi beberapa halaman, klik mode HTML.
- Post > New post > HTML
- Copy dan Paste kode berikut ini:
<div class="content_1">Demikian Cara Membagi Postingan Blog Dalam Beberapa Halaman. Terima kasih semoga berhasil.
Posting Bagian Pertama di Sini
</div>
<div class="content_2" style="display: none;">
Posting Bagian Kedua di Sini
</div>
<div class="content_3" style="display: none;">
Posting Bagian Ketiga di Sini
</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>
</div>
Sekian Artikel Membagi Postingan Blog Dalam Beberapa Halaman
Sampailah kita pada akhir artikel Membagi Postingan Blog Dalam Beberapa Halaman kali ini, mudah-mudahan bisa memberi manfaat untuk sobat semua. baiklah, sampai jumpa di postingan artikel lainnya.
sobat sekarang membaca artikel Membagi Postingan Blog Dalam Beberapa Halaman dengan alamat link https://naparom.blogspot.com/2018/06/membagi-postingan-blog-dalam-beberapa.html
EmoticonEmoticon