Skip to content Skip to sidebar Skip to footer

Cara Membuat Satu Postingan Menjadi Beberapa Page Di Blog




BAHASTUTORIAL.COM - Tutorial kali ini kita bakal bahas tentang "Cara Membuat Satu Postingan Menjadi Beberapa Page Di Blog".Seperti yang kita ketahui biasanya kita menemukan postingan per page di situs penyedia berita. beberapa situs berita membuat postinganya menjadi beberapa page.

Jadi jika dibuat beberapa page artikel yang kita buat akan lebih terlihat lebih profesional.
Sebenernya dengan adanya dalam 1 postingan ada beberapa page membuat artikel lebih sedikit.
Padahal artikel sebenernya panjang namun dibuat beberapa page ..

Langsung saja ke tutorial ya ..

1. Masuk ke edit html
3. Kode pada table html simpan di postingan pada mode html.
4. Kode pada table javascript simpan di atas kode </body> atau </head>.
4. Lalu Simpan



 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js' type='text/javascript'/>

<script style='text/javascript'>
jQuery(document).ready(function(){
jQuery(&#39;.button_1&#39;).click(function(){
jQuery(&#39;.content_1&#39;).show(&#39;slow&#39;);
jQuery(&#39;.content_2&#39;).hide(&#39;slow&#39;);
jQuery(&#39;.content_3&#39;).hide(&#39;slow&#39;);
return false;
});
jQuery(&#39;.button_2&#39;).click(function(){
jQuery(&#39;.content_1&#39;).hide(&#39;slow&#39;);
jQuery(&#39;.content_2&#39;).show(&#39;slow&#39;);
jQuery(&#39;.content_3&#39;).hide(&#39;slow&#39;);
return false;
});
jQuery(&#39;.button_3&#39;).click(function(){
jQuery(&#39;.content_1&#39;).hide(&#39;slow&#39;);
jQuery(&#39;.content_2&#39;).hide(&#39;slow&#39;);
jQuery(&#39;.content_3&#39;).show(&#39;slow&#39;);
return false;
});
});
</script>



<!-- Postingan Per Page By : www.bahastutorial.com -->
<div class="content_1">
DI ISI TEKS PERTAMA
</div>

<div class="content_2" style="display:none;">
DI ISI TEKS KEDUA
</div>

<div class="content_3" style="display:none;">
DI ISI TEKS KETIGA
</div>

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



Notes

- Semua tutorial di situs bahastutorial sudah di test dan hasilnya berjalan dengan baik.
- Kalian tinggal mengisi teks dan gambar di bagian masing masing page.
- buat href nya bisa di isi dengan link postingan kalian atau di buat pagar tidak masalah.

Bagaimana tutorial diatas apakah sudah jelas atau masih ada yang kurang jelas.
Jika ada yang masih kurang paham kalian bisa tanyakan langsung di kolom komentar.
Admin akan merespon dan memberikan solusi agar kalian bisa menjalankanya dengan benar.

Jangan lupa share artikel ini ke media sosial kalian yah. Semoga Bermanfaat ..




BAHASTUTORIAL.COM
BAHASTUTORIAL.COM Selamat Datang Di Situs Bahastutorial.com Di Situs Ini Anda Akan Mendapatkan Tutorial Yang Sangat Bermanfaat Dan Jangan Lupa Untuk Share Tutorial Ini Ke Media Sosial Kalian.

Post a Comment for "Cara Membuat Satu Postingan Menjadi Beberapa Page Di Blog"