Sebenarnya cara membuat Read More atau baca selengkapnya sangat gampang kalau anda memaki wordpress. wordpress memang sudah menyediakan fitur ini sejak lama. beda dengan blogger, fitur read more disini tergolong anyar karena baru ditambahkan beberapa bulan lalu.
kalau anda pengguna blogger dan ingin memakai ingin memakai fitur baru yang simpel ini, anda cukup merubah settingan editor yang ada di menu setting. rubah settigan anda dari old editor ke up date editor. hasilnya, silahkan lihat pada tampilan tempat anda menulis posting. disana akan muncul beberapa fasilitas tambahan yang salah satunya adalah Read more ini. penggunaannya pun mudah dan simpel karena anda tidak usah menambahkan script atau kode-kode tertentu di settingan template HTML anda. anda cukup meletakkan pointer dimana anda ingin memisahkan tulisan yang akan ditampilkan dengan yang tidak. setelah itu anda klik fungsi read more atau sparatornya nanti muncul garis pemisah antara keduanya. selesai.
nah, itu kalau anda memakai editor baru. bagaimana kalau anda masih memakai editor lama? tentu anda harus sedikit mengotak-atik template dan menambahkan beberapa kode HTML disana. dan berikut cara membuat read more di blogspot untuk editor lama:
1. Pada menu setting, pilih sub menu formating -> pada entri post text masukkan kode berikut:
<div class="fullpost">
</div>
klik SAVE.
2. pindah ke menu design -> edit HTML -> centang Expand widget.
3. Cari kode ini :
<div class='post-body'>
atau kalau tidak ada cari yang ini:
<div class='post-body entry-content'>
4. copy kode HTML berikut dan letakkan di bawah kode tadi:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5. kemudian lihat ke bawah sedikit, ada kode :
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
6. letakkan kode beriku di antara kode tadi (no. 5):
<a expr:href='data:post.url'>Read More......</a>
</b:if>
atau di bawah kode yang ini: <p><data:post.body/></p>
7. Klil SAVE.
anda bisa merubah kalimat Read More... dengan yang lain, semisal selanjutnya, dst.
selamat mencoba.
kemudian untuk cara memakainya, ketika anda di halaman editor (tempat menulis postingan) klik Edit HTML (jangan COMPOSE) disiru anda akan menemukan kode yang telah anda pasang di settingan menu FORMATING tadi.
letakkan tulisan yang akan dimunculkan sebelum kode ini:
<div class="fullpost">
dan sisa tulisan (atau yang disembunyikan) letakkan setelahnya dan diakhiri dengan kode ini:
</div>
atau gampangnya:
(tulisan yang tampak sebelum read more)
<div class="fullpost">
(tulisan yang disembunyikan atau yang akan muncul dalam postingan jika read more-nya di klik)
</div>
* masalah yang kadang muncul adalah bahwa saat memposting tulisan terjadi eror.
1. biasanya diakibatkan oleh adanya kesalahan peletakan kode.
2. font dari tanda petik/kutib (" ") pada kode tadi: (<div class="fullpost"> ) tidak cocok dengan font template. untuk yang ini, ganti tanda kutibnya dengan cara membuangnya lalu tulis ulang dengan yang baru.
kalau anda pengguna blogger dan ingin memakai ingin memakai fitur baru yang simpel ini, anda cukup merubah settingan editor yang ada di menu setting. rubah settigan anda dari old editor ke up date editor. hasilnya, silahkan lihat pada tampilan tempat anda menulis posting. disana akan muncul beberapa fasilitas tambahan yang salah satunya adalah Read more ini. penggunaannya pun mudah dan simpel karena anda tidak usah menambahkan script atau kode-kode tertentu di settingan template HTML anda. anda cukup meletakkan pointer dimana anda ingin memisahkan tulisan yang akan ditampilkan dengan yang tidak. setelah itu anda klik fungsi read more atau sparatornya nanti muncul garis pemisah antara keduanya. selesai.
nah, itu kalau anda memakai editor baru. bagaimana kalau anda masih memakai editor lama? tentu anda harus sedikit mengotak-atik template dan menambahkan beberapa kode HTML disana. dan berikut cara membuat read more di blogspot untuk editor lama:
1. Pada menu setting, pilih sub menu formating -> pada entri post text masukkan kode berikut:
<div class="fullpost">
</div>
klik SAVE.
2. pindah ke menu design -> edit HTML -> centang Expand widget.
3. Cari kode ini :
<div class='post-body'>
atau kalau tidak ada cari yang ini:
<div class='post-body entry-content'>
4. copy kode HTML berikut dan letakkan di bawah kode tadi:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5. kemudian lihat ke bawah sedikit, ada kode :
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
6. letakkan kode beriku di antara kode tadi (no. 5):
<a expr:href='data:post.url'>Read More......</a>
</b:if>
atau di bawah kode yang ini: <p><data:post.body/></p>
7. Klil SAVE.
anda bisa merubah kalimat Read More... dengan yang lain, semisal selanjutnya, dst.
selamat mencoba.
kemudian untuk cara memakainya, ketika anda di halaman editor (tempat menulis postingan) klik Edit HTML (jangan COMPOSE) disiru anda akan menemukan kode yang telah anda pasang di settingan menu FORMATING tadi.
letakkan tulisan yang akan dimunculkan sebelum kode ini:
<div class="fullpost">
dan sisa tulisan (atau yang disembunyikan) letakkan setelahnya dan diakhiri dengan kode ini:
</div>
atau gampangnya:
(tulisan yang tampak sebelum read more)
<div class="fullpost">
(tulisan yang disembunyikan atau yang akan muncul dalam postingan jika read more-nya di klik)
</div>
* masalah yang kadang muncul adalah bahwa saat memposting tulisan terjadi eror.
1. biasanya diakibatkan oleh adanya kesalahan peletakan kode.
2. font dari tanda petik/kutib (" ") pada kode tadi: (<div class="fullpost"> ) tidak cocok dengan font template. untuk yang ini, ganti tanda kutibnya dengan cara membuangnya lalu tulis ulang dengan yang baru.
No comments:
Post a Comment