baru dibuat kembali

Bagi yang menggunakan setelan editor entrinya menggunakan Editor yang diperbaharui, menambahkan readmore pada artikelnya sangatlah mudah, cukup dengan mengklik icon break yang terdapat pada bar menu entri. Namun bagi yang menggunakan setelan Editor lama, untuk membuat readmore ini harus menambahkan kode HTML pada template-nya, seperti yang sudah dijelaskan pada artikel tentang readmore sebelumnya. Hanya saja, jika kode HTML yang ditambahkan seperti kode pada penambahan readmore terdahulu (versi 1) maka artikel-artikel yang dibuat sebelumnya akan memunculkan kata readmore di setiap akhir postingan. Tentu saja hal ini sangat mengganggu dan perlu dilakukan editing ulang terhadap artikel-artikel lama tersebut agar readmore berfungsi juga padanya.

Untuk mengatasi hal tersebut bisa menggunakan kode HTML readmore versi 2, yang akan saya jelaskan kemudian. Dengan readmore versi 2 ini, artikel-artikel lama sebelum ditambahkan readmore tidak perlu diedit ulang karena tidak memunculkan kata readmore pada akhir postingannya. Kata readmore hanya muncul pada artikel-artikel yang ditulis setelah kode HTML readmore versi 2 ditambahkan.

Langkah-langkah untuk menambahkan readmore versi 2 ini tidak jauh berbeda dengan readmore versi 1, sebagai berikut:

• Dari halaman dasbor, klik Tata Letak lalu pilih Edit HTML.
• Beri tanda centrang pada Epand Template Widget.
• Cari kode seperti ini (Gunakan Control F atau F3):

  
  <p><data:post.body/></p>
  <div style='clear: both;'/> <!-- clear for photos floats -->
  </div>
  

  Dalam beberapa template bisa saja tidak menggunakan kode paragraf (<p> dan </p>) tapi menggunakan perintah enter (<br/>).

• Selanjutnya tambahkan kode berikut di bawahnya:

  
  <b:if cond='data:post.hasJumpLink'>
  <div class='jump-link' style='text-align:right'>
  <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
  </div>
  </b:if>
  

  Catatan:

  Kamu bisa mengubah perataan teks sebelah kanan (right) menjadi di sebelah kiri (left). Kamu juga bisa mengganti kode <data:post.jumpText/> dengan tulisan Selanjutnya, Selengkapnya, Seterusnya, dll. Atau bisa juga dengan image readmore.

  Jika dalam template kamu sudah ada kode seperti itu, lewati tahapan ini dan langsung ikuti tahap kedua.

• Simpan hasil editing ini dan lanjutkan dengan tahap kedua.

• Dari halaman Edit HTML, klik Pengaturan lalu pilih Format.
• Pada kotak Templat Entri, tambahkan kode berikut:

  
  <div style="text-align:justify; font-family:arial">Isi paragraf tampil
  <br/><!--more-->
  Isi paragraf sembunyi
  </div>
  

  Jika kamu ingin menggunakan huruf default dari template kamu, hapus saja kode font-family:arial-nya. Dan jika tidak ingin menggunakan perataan kiri-kanan, ganti kata justify dengan left.
• Setelah selesai, Simpan Setelan dan ucapkan Alhamdulillah.....

Sekarang kamu tinggal menuliskan artikel kamu. Ganti kalimat Isi paragraf tampil dengan naskah yang akan ditampilkan, dan sisa naskah ditulis pada bagian Isi paragraf sembunyi. Atau untuk lebih mudahnya, tambahkan saja kode <!--more--> setelah naskah tulisan yang akan kamu tampilkan, seperti contoh pada gambar berikut:

Penambahan <!--more--> setelah naskah tulisan yang akan ditampilkan ini juga bisa kamu terapkan pada kode readmore versi 1.

Lebih gampang kan? Selamat mencoba .....