Cara Membuat Postingan Blogger Menjadi Beberapa Bagian Dalam Satu Halaman

Komputerdia.com - Sampai saat ini platform blogger atau blogspot memang belum mempunyai fitur pembagian artikel menjadi beberapa bagian pada satu halaman seperti pada platform wordpress. Sebelumnya perlu kalian ketahui, fungsi utama dari fitur ini adalah untuk membuat pengalaman pengunjung (User Experience) pada blog kalian menjadi lebih baik.

Selain itu, apabila kalian selalu membuat konten artikel dengan pembahasan yang cukup panjang, alangkah baiknya kalian boleh mencoba cara ini. Menurut hasil analisa, 64% para pembaca atau pengunjung blog sangat jenih ketika melihat isi artikel dengan pembahasan yang sangat panjang.

Untuk menyiasati cara pembagian artikel pada blogspot, dalam artikel ini saya akan mencoba menjelaskan bagaimana cara membuat konten tersebut dengan menempatkan kode html pada template dan halaman postingannya.

Baca Juga :

Membuat Postingan Blogger Menjadi Beberapa Bagian Dalam Satu Halaman

Membuat Postingan Blog Menjadi Beberapa Bagian

  • Pertama silahkan kalian login ke akun blogger kalian dan masuk pada menu Tema kemudian pilih edit html .
  • Setelah masuk pada halaman edit html, silahkan kalian cari kode </body> dengan cara menekan tombol CTRL+F dan ketikan perintah </body> lalu tekan enter .
  • Salin dan tempelkan kode dibawah ini tepat diatas kode </body> .
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>

<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>
  • Jika kode yang saya berikan Warna Merah sudah terpasang pada blog kalian, maka kode tersebut jangan kalian pasang lagi.
  • Klik tombol Simpan Tema, untuk menyimpan setelan yang telah kalian buat.
  • Langkah selanjutnya silahkan kalian buat entri atau postingan baru, setelah berada pada halaman pembuatan artikel, kalian arahkan pada mode Html terlebih dahulu.
Membuat Postingan Blogger Menjadi Beberapa Bagian Dalam Satu Halaman
  • Kemudian copy dan pastekan Kode dibawah ini tepat pada bagian mode html tersebut
<!--to posting page -->
<div class="content_1">
DISINI POSTING HALAMAN PERTAMA
</div>

<div class="content_2" style="display:none;">
DISINI POSTING HALAMAN KEDUA
</div>

<div class="content_3" style="display:none;">
DISINI POSTING HALAMAN KETIKA
</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>
  • Kode yang berwarna Merah , silahkan kalian ganti dengan isi postingan artikel kalian
  • Setelah semua postingan atau isi artikel telah kalian buat dan disesuaikan dengan kode diatas, silahkan kalian publikasikan artikel tersebut dan lihat hasilnya.
  • Untuk Demo, silahkan kalian lihat pada Postingan ini 
  • Semoga bermanfaat untuk kalian semuanya.

.
.

Berlangganan Artikel terbaru (free):

Post a Comment