Cara Membuat Read More, Baca Selanjutnya Pada Blog

Saturday, January 24, 2009

Cara Membuat Read More, Baca Selanjutnya Pada Blog

Cara Membuat "Read More" Pada Blog

Saya adalah pembuat Blog baru. Berhari-hari bingung mencari cara bagaimana membuat "read more" pada Blog. Heran juga karena Blogspot dengan Wordpress lain caranya pada waktu membuat posting.
Ada dua cara untuk membuat read more di blogger / blogspot baru (tanda Blogger Baru adalah di admin memakai layout / tata letak dan page element / elemen halaman).

Cara Pertama:

1. Buka template --> Edit HTML --> Kasih tanda centang pada menu -->"expand widget tempate".
2. Letakkan kode berikut persis di atasnya kode :
</head>
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
3. Letakkan kode berikut di bawah kode :<p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
4. Klik Simpan. Selesai.

5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:
< class="fullpost">
< / span >
Jangan lupa klik SIMPAN PENGATURAN.
Cara Memposting,
Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode
< class="fullpost">
< / span >

Letakkan posting yg akan ditampilkan di halaman muka di atas kode,
sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode :

< class="fullpost"> Postingan atau Artikel ditaruh di sini < / span >

Masalah yang Sering Dihadapi :

1. Saat mengklik "Simpan Perubahan" kita sering mendapat pesan demikian:

XML error message: The element type “style” must be terminated by the matching end-tag “”.
Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ' dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.

2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Dan tulisan ‘read more’ nongol di bagian bawah artikel? Tenang. Ikuti solusi berikut: klik “Pengaturan” -> klik “Format” -> buang/delete semua tanda kutip buka/tutup (quote/unquote) di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.
Selesai.
Selamat ngeblog di blogger / blogspot dengan READ MORE.

Apabila Anda berhasil melakukan cara bikin READ MORE di atas tak perlu lagi mencoba cara di bawah. Cara di bawah cuma sebagai alternatif dan agak lebih rumit di banding cara yang di atas.

Cara Kedua:

1. Buka template –> edit HTML
2. Kasih tanda tik/cek menu “expand widget template”
3. Cari kode berikut di TEMPLATE blog Anda:

< class="'post-header-line-1'/">
< class="'post-body'">

4. Kalau sudah ketemu, letakkan kode berikut DI BAWAH kode html di atas:

5. Di Bawah kode di atas ada kode html sbb:
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>
6. Nah, di antara kode
<p><data:post.body/></p>dan kode
<div style='clear: both;'/> 
</div>pasang kode html ini:
<a expr:href='data:post.url'>Read More .. </a>
</b:if>
7. Jadi, susunan kode html di template setelah ditambah dg kode READ MORE akan menjadi seperti ini :

Klik Simpan Template. Selesai.

8. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:

< class="fullpost">

< / span >

Jangan lupa klik SIMPAN PENGATURAN.

Cara Memposting :

Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode
< class="fullpost">
< / span >
Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry), letakkan di antara kode :

< class="fullpost"> dan

< / span >

Catatan Penting:

(A) Artikel yg diposting sebelum pemasangan kode READ MORE di atas akan tetap tampil penuh di halaman muka, Anda bisa mengeditnya dg cara sbb:

1. Klik menu EDIT POSTS
2. Klik EDIT di artikel yg akan diedit.
3. Pasang kode

< class= "fullpost">
di bawah paragraf yg akan ditampilkan. Dan pasang kode
< / span >
di akhir artikel.

Ingat hanya ada SATU kode :

< class="fullpost">dan

< / span > .
Apabila terdapat lebih dari satu, dan biasanya numpuk di bagian paling bawah artikel, maka dibuang saja.

Masalah yang Sering Dihadapi

1. Saat mengklik “Simpan Perubahan” kita sering mendapat pesan demikian:

XML error message: The element type “style” must be terminated by the matching end-tag “”.

Jangan panik. Itu artinya tanda petik / kutip buka tutup (quote/unquote) yakni tanda ‘ dalam kode tidak cocok dengan font template. Yang perlu dilakukan adalah buang tanda kutip ['] itu dan kasih tanda kutip yang baru di tempat yang sama. Dan coba klik lagi SIMPAN.

2. Anda sudah berhasil memasang seluruh kode di atas, tetapi ‘read more’ gak berhasil; posting tetap panjang? Solusi: klik “Pengaturan” -> klik “Format” -> buang semua tanda kutip buka/tutup di “fullpost” dan ganti dengan tanda kutip yang baru. Jangan lupa klik “Simpan”.
Nah Agak Bingung Kan?
Coba saja...
Pasti bisa...
Selamat mencoba...

Anda Sudah Baca Yang Ini? :

tutorial blog

daftar isi blog

tutorial tip dan trik

2 komentar:

Klik Here To Show All Comment

Rizkyzone, Saturday, December 12, 2009 6:58:00 PM: mas coba terapin tutorial ini tapi g pernah berhasil hinggal akhirnya mas mencari telplate yang sudah disertai readmore
Owner, Wednesday, September 14, 2011 5:08:00 PM: sudah ane coba gan......

cek di http://paulushack.blogspot.com

berhasil gan.... :D