Cara Membuat Readmore

Bagaimana Cara Membuat "Readmore" atau "Baca Selengkapnya" ?

Tulisan ini saya publish untuk pembaca universityofbloggers yang mungkin belum tau cara membuat "Readmore" didalam postingan blogspot.

JIka ada yang belum tau apa yg dimaksud "readmore disini, silahkan menuju halaman "home" di blog ini : http://universityofbloggers.blogspot.com/
disitu pastinya anda melihat ada banyak tulisan "Readmore" pada bagian bawah setiap cuplikan postingan yang ada.



Nah..lalu bagaimana caranya membuat "readmore" tsb ? yaitu sbb :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Centang pada "expand widget template"
3. Cari kode berikut pada Template blog anda

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

jika sulit menemukannya, coba copy code diatas, lalu klik CTRL+F dan paste di kotak kecil kiri bawah browser firefox anda (lihat gambar bawah)

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<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'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa dirubah, misalnya jadi "Baca Selanjutnya" atau terserah anda.

5. Klik "Save" untuk menyimpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>


8. Kemudian Simpan.
9. Ketika kita akan membuat postingan disana ada 2 pilihan yaitu "Compose" dan "Edit Html", pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>

10. Letakkan cuplikan posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
Contohnya sbb :

cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...cuplikan tulisan...<span class="fullpost">
artikel terusannya....artikel terusannya....artikel terusannya....artikel terusannya....artikel terusannya....artikel terusannya....artikel terusannya....artikel terusannya...................
sampai habis..... </span>

Demikianlah cara membuat Readmore ini saya tuliskan, semoga bermanfaat buat yang belum mengetahuinya.

Update "cara membuat Readmore di Blogspot "08 Juni 2010:

Bagi rekan2 yang masih ingin menampilkan fitur readmore , kini cara diatas bisa dilakukan tanpa merubah atau menambah kode seperti diatas. Caranya sbb :
Masuk ke dashbor blogspot anda , lalu masuk ke Setting ( Pengaturan) , lalu ke bagian : " Select post editor" dan centang di "Updated editor", kemudian setelah itu masuk ke edit post (atau ke postingan baru yang akan dibuat ) , kemudian nanti di kotak editor posting anda akan melihat ikon seperti ini :

Nah pada saat membuat postingan , ambil opsi COMPOSE , kemudian ditengah halaman artikel ( Misalnya di alinea/paragraf pertama) anda tempatkan kursor mouse diakhir alinea , lalu klik ikon readmore tsb , berikut contoh gambarnya :

Catatan :
Untuk template blog yang sudah banyak dimodifikasi (Bukan template standar blogpsot) kadang 2 cara ini tidak bisa dilakuakn, untuk itu anda perlu menambahkan barisan kode berikut :
Cari kode ini : <data:post.body/>
Lalu tambahkan dibawahnya dengan kode ini :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>


Setelah itu klik save

Selamat Mencoba