Tips Membuat "Read More..."

Kemaren ditanya oleh teman ku "Bagaimana cara membuat Read More di blog?". Terus terang aku menjawabnya kemaren aq mendapat bantuan dari seorang teman di luar negeri untuk membuatnya. Jadi aku ga bisa memberi tahu bagaimana cara membuatnya. Karena rasa penasaran yang amat sangat akhirmya aku mencari di internet bagaimana cara membuat read more, tentu saja dengan bantuan om google

Sekedar info "read more" ini berguna untuk meringkas artikel postingan yang panjang agar tampil lebih ringkas dan tidak terlalu panjang dihalaman depan blog kita. Selain itu juga agar para pengunjung blog bisa tertarik dengan blog kita dan juga penasaran dengan postingan kita.


Setelah mencari dan mencoba beberapa tutorial yang ada. Tetap saja masih ada yang kurang pas dengan blognya teman ku. Kadang read morenya tidak muncul, kadang kala juga postingannya menjadi 2 dan banyak lagi hal-hal yang aneh yang muncul. Akhirnya setelah mencari beberapa lama, aku menenukan tutorial yang benar dan langsung mencobanya. Hasilnya berhasil dengan sukses. Terima kasih kepadaMas Surya
atas tutorialnya. Tetap memberikan terus tutorial yang berguna ya Mas.

Tanpa perlu panjang lebar lagi berikut prosesnya :

1. Buka template --> edit HTML

2. Kasih tanda tik/cek menu "expand widget template"

3. Cari kode berikut di TEMPLATE blog Anda:

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

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

<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. Di Bawah kode di atas ada kode html sbb:

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

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

6. Nah, di antara kode

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

dan kode

<div style='clear: both;'/> <!-- clear for photos floats -->

</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 (yg warna biru adalah kode tambahan untuk READ MORE, sedang kode warna hitam adalah kode asli template):

<div class='post-header-line-1'/>

<div class='post-body'>

<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>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Read More bisa diganti dengan Baca Selengkapnya atau Lihat Selengkapnya terserah Anda membuat apa

8. Klik SETTING, terus klik FORMATTING. Di paling bawah ada kotak kosong disamping menu POST TEMPLATE. Isi kotak kosong tsb dg kode berikut:

<span class="fullpost" >


</span>

Jangan lupa klik SAVE apabila sudah dipasang.

9. Klik SAVE. Selesai.***

CARA MEMPOSTING

Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode

<span class="fullpost" >


</span>

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

<span class="fullpost"> dan </span>.

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

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

Ingat kode hanya ada SATU kode

<span class="fullpost"> dan </span>. .

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


Selamat mencoba..!