Read More di BLOG

karena banyaknya blog yang menggunakan read more maka saya juga ngeposting blog tentang read more.. postingan ini aku ambil dari blognya kang rohman karena banyak yang gagal dalam membuat readmore... aku juga pernah mengalami kegagalan itu seperti anda!!!kalau anda juga ingin menambahkan readmore diblog anda baca ulasan berikut oke!!!


langkah pertama masuk di blog anda terus masuk ke 'layout' (tata letak) terus 'edit html' dan jangan lupa beri tanda centang pada 'Expand Template Widget' trus cari <div class='post-body'> code ini menggunakan tombol ctrl + F, kalau udah dapat kodenya kira seperi ini sebelum di utak-atik :

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Perhatikan baik-baik kode di atas.

<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p> <!-- satu -->
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p> <!-- dua -->
<a expr:href='data:post.url'>Read more.....</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>



Kode yang dicetak tebal harus anda tambahkan di template anda. Yang perlu sobat hati-hati adalah kode ini :

<p><data:post.body/></p>


Kode di atas harus di pastikan ada dua tidak boleh ada satu karena jika ada satu maka postingan sobat bisa hilang semuanya, akan tetapi sebenarnya seluruh postingan tidak hilang, akan tetapi tidak di perlihatkan alias di sembunyikan. Postingan di perlihatkan dan di sembunyikan karena kode :

<style>.fullpost{display:inline;}</style>


<style>.fullpost{display:none;}</style>


{display:inline;} artinya di tampilkan, dan {display:none;} artinya jangan di tampilkan alias sembunyikan dan kode inilah apabila salah pemasangan mengakibatkan semua postingan menjadi tidak di tampilkan.

Langkah yang tak kalah pentingnya yaitu anda harus memasang kode Readmorenya pada tab Edit HTML jangan pada tab Compose, serta kode Read more... harus selalu di tutup. Contoh pemasangan kode read more... pada artikel seperti ini :

Ini adalah tulisan pada paragrap pertama yang akan muncul di halaman muka blog, paragrap - paragrap lainnya akan muncul apabila pengunjung blog meng klik link untuk membuka keluruhan artikel.
<div class="fullpost">
Paragrap yang kedua, ketiga dan seterusnya harus di tempatkan di sini, jangan di tempatkan sebelum kode readmore, jangan lupa untuk menutup kodenya ya..
</div>


Maka nanti yang akan muncul hanyalah paragrap atasnya saja yakni seperti ini :

Ini adalah tulisan pada paragrap pertama yang akan muncul di halaman muka blog, paragrap - paragrap lainnya akan muncul apabila pengunjung blog meng klik link untuk membuka keluruhan artikel.
Readmore...

Sudah lebih fahamkah? bagi anda yang belum berhasil ada baiknya untuk mencobanya kembali. Satu hal yang harus sobat ingat yaitu selalu membuat backup data template sebelum mencoba otak-atik kode template, karena jika terjadi kesalahan semisal seluruh postingan menghilang maka jangan bingung dan merasa panik, sobat tinggal Upload kembali backup data template yang sudah di simpan pada komputer kita sebelum melakukan otak-atik, dan hasilnya nanti akan sedia kala seperti sebelum anda melakukan edit kode template. Jadi jangan pernah jera untuk mencobanya.