Membagi Konten Artikel Menjadi Beberapa Halaman di Blogger

Jika sobat ingin menggunakan tutorial dari Arlina Desain dengan judul “Membagi Konten Artikel Menjadi Beberapa Halaman dengan Efek Slide” dan masih bingung bagaimana cara menggunakannya, disini saya akan menerangkannya dengan lebih detail supaya sobat mengerti.

Ada treatment tertentu untuk menggunakan tutorial tersebut, berikut saya jelaskan disini step by step nya, disini saya mempunyai postingan yang terdiri dari 5 alinea yang nantinya setiap alinea akan berada di slide yang berbeda.

1. Tulis postingan seperti biasa, saya mengasumsikan sobat sudah memasukan kodingan HTML lainnya (untuk tutorial membagi artikel beberapa halaman)

2. Pada Edit HTML Blogger dan menyamakan settingan-nya pada form ketika ingin membuat postingan seperti gambar dibawah ini.


Settingan :
• Tab mode “Compose”
• Options pilih “Press “Enter” for line breaks” kemudian “Done” agar setingan tersebut bekerja

3. Setelah tulisan selesai, silahkan pindahkan tab mode compose ke mode “HTML”, setelah itu masukan kode HTML membuat slide konten artikel, seperti dibawah ini:

<div class="next-wrap">
  <div id="photocons" class="instruction">
    <div class="slidecontentWrap">
      <div class="slidecontent">
        <-- ISI KONTEN SLIDE1 -->
      </div>
      <div class="slidecontent">
        <-- ISI KONTEN SLIDE2 -->
      </div>
      <div class="slidecontent">
        <-- ISI KONTEN SLIDE3 -->
      </div>
      <div class="slidecontent">
        <-- ISI KONTEN SLIDE4 -->
      </div>
      <div class="slidecontent">
        <-- ISI KONTEN SLIDE5 -->
      </div>
      </div>
      </div>
      <a class="movepg prever">prev</a>
      <a class="movepg nexter">next</a>
</div>

4. Kemudian cut (baca:pindahkan) tulisan sesuai keinginan berada di slide 1,2,3 dst (dalam contoh dibawah, saya menggunakan alinea ke 4 supaya berada di slide ke 4)


Warning : Jangan pindahkan mode tab HTML ke mode Compose (lagi) karena akan membuat postingannya ‘terlihat’ berantakan

5. Setelah selesai lanjutkan untuk di Publish dan lihat hasilnya


Itu saja step by step cara menggunakan kode HTML membuat konten artikel menjadi beberapa slide, jika ada yang ditanyakan silahkan gunakan kolom komentar, semoga bermanfaat.

Leave a Comment