Komputerdia.com - Sampai ketika ini platform blogger atau blogspot memang belum memiliki fitur pembagian artikel menjadi beberapa bab pada satu halaman menyerupai pada platform wordpress. Sebelumnya perlu kalian ketahui, fungsi utama dari fitur ini yakni untuk menciptakan pengalaman pengunjung (User Experience) pada blog kalian menjadi lebih baik.
Selain itu, apabila kalian selalu menciptakan 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 menciptakan konten tersebut dengan menempatkan instruksi html pada template dan halaman postingannya.
Baca Juga :
- Cara Membuat Google Search Custom di Blog Untuk Menaikkan Earning Adsense .
- 11 Cara Terbaik Menulis Artikel Seo Friendly Untuk Blog .
- Cara Daftar Webmaster Tools dan Mengkonfigurasi Blog Pada Webmaster Tools .
Membuat Postingan Blog Menjadi Beberapa Bagian
- Pertama silahkan kalian login ke akun blogger kalian dan masuk pada sajian Tema kemudian pilih edit html .
- Setelah masuk pada halaman edit html, silahkan kalian cari instruksi </body> dengan cara menekan tombol CTRL+F dan ketikan perintah </body> kemudian tekan enter .
- Salin dan tempelkan instruksi dibawah ini sempurna diatas instruksi </body> .
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/j4vascript"></script> <script style="text/j4vascript"> 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 instruksi yang saya berikan Warna Merah sudah terpasang pada blog kalian, maka instruksi 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, sehabis berada pada halaman pembuatan artikel, kalian arahkan pada mode Html terlebih dahulu.
- Kemudian copy dan pastekan Kode dibawah ini sempurna pada bab 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 diubahsuaikan dengan instruksi diatas, silahkan kalian publikasikan artikel tersebut dan lihat hasilnya.
- Untuk Demo, silahkan kalian lihat pada Postingan ini
- Semoga bermanfaat untuk kalian semuanya.