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