Cara Mudah Membuat Read More

Ketika memasuki halaman suatu blog, banyak para blogger yang teknik read more untuk memuat banyak artikel. Tekni ini sudah lazim digunakan di dunia blog, karena hal ini mampu mengefisienkan suatu halaman agar lebih menarik dan tidak membosankan. Membuat read more terdiri dari dua teknik, yamg pertama yaitu membuatnya secara manual dan yang kedua membuatnya secara otomatis. Nah, pada kesempatan kali ini saya akan menjelaskan bagaimana Cara Mudah Membuat Read More secara manual.


• Pertama, anda hanya disuruh pergi ke Dashboard, lalu pilih Tata Letak, selanjutnya pilih Tab Edit HTML.
• Centang bagian check box tulisan Expand Template Windget.

Cari kode, untuk mempermudah pencarian, tekan CTRL+F pada keybord dan tuliskan kode tersebut, nanti akan terdeteksi secara otomatis.
Jika anda sudah menemukan kode, hapus kode tersebut, dan ganti dengan kode berikut :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Jika sudah anda ganti, Simpan Template
Langkah selanjutnya, pergi ke Dashboard, lalu pilih Pengaturan, selanjutnya pilih Format.
Lalu tuju tulisan Template Posting, dan tuliskan kode berikut :

<span class="fullpost">
</span>

Setelah itu Simpan.Apakah dah Selesai ? Ya.
Kode tersebut sebenarnya hanya untuk mempermudah penulisan saat posting, maksudnya ?
Saat anda hendak posting baru, pada kolom Edit HTML, bukan di Tulis (saat posting ada 2 pilihan halaman khan?)

Kode tersebut akan keluar secara Otomatis.
Anda tinggal memasukkan artikel mana yang ingin di tampilkan pada haman depan, dan mana halaman yang untuk selanjutnya.

Untuk tata caranya lihat ilustrasi di bawah ini :

Saya membuat posting baru, dan saya menulisnya di kolom Edit HTML bukan Compose.
Saat membukanya ada tulisan :

<span class="fullpost">
</span>

Saya, akan menuliskan sebagai berikut :

Cara membuat Read more otomatis
<span class="fullpost">
menggunakan icon / gambar dan text
</span>

Maka, setelah saya publikasikan akan menjadi seperti ini :

Cara membuat Read more otomatis
Read More../Selengkapnya..

Jika Anda ingin menggunakan fungsi read more secara otomatis dan menggunakan icon/gambar
silahkan lihat klik disini