Kali ini saya akan memberikan tips untuk membuat read more yang biasa. Karena pada read more yang sebelumnya terdapat kelemahan, yaitu blog Anda akan lama di-load. Karena begitu besarnya ukuran karena membuka isi posting secara keseluruhan, tetapi yang nampak memang hanya sebagian. Keunggulan read more ini ialah lebih cepat membuka blog, ukuran blog tidak terlalu besar, dan jika Anda membuka blog saya setelah meng-klik read more maka akan terbuka artikel saya terkait lainnya. Selamat bereksperimen...
Jika sudah siap maka ikuti langkah-langkah ini...
- Masuk ke Tata Letak kemudian pilih Edit HTML.
- Centang Expand Template Widget.
- Cari kode berikut dengan menekan Ctrl + F.
- Ganti kode <p><data:post.body/></p> atau <data:post.body/>menjadi seperti ini :
- Simpan perubahan.
- Sebenarnya sudah selesai, tetapi ada beberapa langkah lagi agar cara ini benar-benar bekerja. Setiap posting jangan lupa untuk memasukkan kode di bawah ini. Anda hanya perlu menghafalkan kode ini, ini mudah!
- Jika sudah Anda coba dan berhasil maka ucapkanlah Alhamdulillah...
<p><data:post.body/></p>
atau<data:post.body/>
<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/></p>
<a expr:href='data:post.url'>Baca Selengkapnya...</a>
</b:if>
Tulisan yang bercetak miring bisa Anda ganti dengan tulisan apapun yang Anda suka dan mudah dimengerti.
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Baca Selengkapnya...</a>
</b:if>
<span class="fullpost">
</span>
Tulisan yang ada di antara kode span akan disembunyikan. Sebagai contoh.</span>
Penulisan Kode | Hasil yang tampak |
Tulisan yang terlihat, Tulisan yang terlihat. <span class="fullpost"> Tulisan yang tersembunyi Tulisan yang tersembunyi Tulisan yang tersembunyi </span> | Tulisan yang terlihat, Tulisan yang terlihat. [+/-] Selengkapnya... |
Tidak ada komentar:
Posting Komentar