MEMBUAT READ MORE… PADA BLOG
Readmore adalah suatu istilah dalam dunia internet yang digunakan untuk memecah artikel menjadi dua bagian. Satu bagian diletakkan pada halaman pertama blog dan bagian yang lain diletakkan pada halaman kedua blog. Ketika Readmore ini diklik, maka akan terbuka isi keseluruhan artikel dan kita bisa melihat isi artikel tersebut secara lengkap.Cara membuatnya tidaklah susah. Secara garis besar, pembuatannya melalui tiga tahap, yaitu pada bagian layout, setting, dan post.
Langkah-langkah pada bagian layout adalah:
1. Anda harus login terlebih dahulu.
2. Di halaman dashboard, klik link layout.
3. Selanjutnya klik link Edit HTML.
4. Pada checkbox 'Expand Widget Template', pilih dengan memberikan tanda centang.
5. Pada kolom HTML itu, carilah kode ini:
<p><data:post.body/></p>
6. Hapuslah kode itu, lalu ganti menjadi:
<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'>Read More......</a>
</b:if>
7. Tulisan 'Read More' dapat diganti menjadi 'Baca Selengkapnya' atau dengan kalimat lain yang Anda inginkan.
8. Pengeditan HTML telah selesai, diakhiri dengan menyimpannya, klik tombol save.
Langkah selanjutnya adalah membuat template/pola pada bagian setting untuk tiap-tiap artikel yang akan kita post, yaitu:
1. Masuk kebagian/menu Setting - Formatting.
2. Cari kotak 'Post Template'. Isi kotak itu dengan kode:
<span class="fullpost">
</span>
3. Simpan/save.
Langkah terakhir adalah membuat artikel postingannya, yaitu pada bagian post :
1. Masuklah ke bagian New Posting.
2. Antara 2 tab, 'Compose' dan 'Edit HTML', pilihlah Edit HTML.Akan terlihat kode template yang telah kita simpan sebelumnya.
3. Pecahlah artikel menjadi 2 bagian. Bagian pertama, yang akan terlihat di bagian depan, letakkan di atas kode <span class="fullpost">. Bagian kedua diletakkan setelah kode di atas dan sebelum kode ini</span>.
4. Publish.
0 komentar:
Posting Komentar