Cara membuat Read More sungguhlah gampang. Kenapa saya katakan demikian? karena kita sudah belajar. Jadi segala sesuatu itu akan mudah jika mempelajarinya. Bagi sobat blogger yang ingin mempelajarinya dapat membaca artikel saya di blog ini. Anda juga bisa membaca artikel saya yang berhungan dengan "Read More" DISINI.
Oke jika sobat sudah membaca artikel saya tentang readmore yang ada dalam blog ini, saatnya saya akan memberikan cara lain untuk membuat Read More pada blog.
Dalam tips ini kita akan melakukan dua langkah uantuk memasanganya pada blog. Jika sobat berhasil pada langkah pertama, maka anda dapat melanjutkan ke langkah yang kedua.
Langkah Pertama.
2. Pada dasbor, pilih Rancangan
3. Kemudian pilih Edit HTML
4. Cari kode seperti ini
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Catatan:<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/>).
5. Kemudian 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 + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
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.<div class='jump-link' style='text-align:right'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
Catatan:
Jika dalam template kamu sudah ada kode seperti itu, lewati tahapan ini dan langsung ikuti tahap kedua.
6. Simpah hasil Editan, langsung ke langkah yang kedua
Langkah Kedua
1. Dari halaman Edit HTML, pilih Menu Posting
2. Nah..dalam halaman Entri Baru Masukkan kode berikut ini
<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. <br/><!--more-->
Isi paragraf sembunyi
</div>
3. Silahkan klih Simpan Setelan
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:
Setelah anda selesai mengetik, silahkan anda Terbitkan Entri. Kalau belum yakin, silahkan Pratinjau dulu.
Setelah anda selesai mengetik, silahkan anda Terbitkan Entri. Kalau belum yakin, silahkan Pratinjau dulu.
Tidak ada komentar:
Posting Komentar