Cara Membuat Readmore Pada Blogspot
Waktu pertama kali ngeblog, aku masih belum tahu apa itu readmore. (maksude ki opo tho...??!) Mungkin bagi kamu yang blogger baru mungkin juga bingung. (padahal aku juga blogger baru yang sedang kebingungan... hehe) Readmore yaitu sebuah penggalan kalimat untuk mempersingkat suatu halaman posting yang masih ada kelanjutannya. Biasanya readmore ditandai dengan kata "readmore", "baca selengkapnya", "selengkapnya", "next" ataupun kata-kata lainnya yang sama maksudnya. (sok tahu dikit gpp lah... hehe) Berikut ini adalah cara membuat readmore :
1. Buka Template - edit HTML
2. Beri tanda centang pada "Expand widget template"
3. Demi keamanan kamu, backup dulu template kamu dengan mengklik "dowlnoad template lengkap"
4. Cari kode dibawah ini:
<div class='post-header-line-1'/> <div class='post-body'>
5. Jika sudah ketemu, copy paste kode di bawah ini dan letakan kode ini dibawah kode diatas.
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
6. Kemudian lihat pada bawah kode yang diatas, maka akan ada kode ini :
<p><data:post.body/></p>
7. Copy paste kode dibawah ini dan letakan dibawah kode yang diatas.
<a expr:href='data:post.url'>Readmore »»</a>
</b:if>
NB : Kode readmore diatas dapat diganti sesuai selera. Contoh : Baca Selengkapnya, Selanjutnya, dan lain-lain.
8. Kode yang kamu rubah tadi, pastikan akan tampak seperti kode berikut ini :
<div class='post-header-line-1'/>
<div class='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'>Readmore »»</a>
</b:if>
<div style='clear: both;'/>
9. Kalau kode kamu sudah dipastikan benar, SIMPAN TEMPLATE sekarang juga...!!!
10. Sudah tersimpan belum...??! ditanya kok diam aja...??! Kalau sudah dapat tersimpan, selamat...!!! Kamu sudah dapat me-readmore postingan kamu. Eiiitttsss... Ini belum selesai. Ini adalah langkah selanjutnya... Setelah tersimpan, kamu masuk ke tab pengaturan - Format - cari kotak post template. Kemudian pada kotak masukan kode berikut ini :
<div class="fullpost">
</div>
11. Kalau sudah, simpan kode tersebut sekarang juga...!!!
12. Berikut ini aku akan menjelaskan tentang penggunaan readmore pada postingan. Pada waktu kamu akan menulis postingan, kamu akan melihat kode berikut :
<div class="fullpost">
</div>
13. Kamu lihat gag...??! Pastikan kamu melihatnya. Kalau kamu tidak melihatnya, segera periksakan mata ataupun monitor kamu...!!! Setelah ada kode tersebut, maka aturannya sebagai berikut :
- Jika kamu ingin menampilkan postingan yang TIDAK terpenggal, tulis artikel kamu sebelum kode <div class="fullpost">
- Jika kamu ingin memenggal postingan, tulis artikel kamu sesudah kode <div class="fullpost">
dan diakhiri dengan kode </div>
14. Selamat mecoba...!!! Semoga SUKSES...!!!
0 komentar:
Posting Komentar