Cara Buat Read More

Cara membuat "Read More" atau "Selengkapnya" di Blogger baru

1. Ok, pertama (setelah login) klik layout-template-edit HTML. Lalu beri tanda ceklis pada kotak kecil disebelah tulisan "Expand Widget Templates" Tunggu sebentar. 2. Pada kotak Edit Template cari kode berikut: <div class='post-header-line-1'/> <div class='post-body'> <p><data:post.body/></p> <div style='clear: both;'/> <!-- clear for photos floats --> </div> Kode tersebut biasanya ada sedikit kebawah. (lihat gambar berikut) 3. Kalo sudah ketemu; Tahap pertama(ada dua tahap nih) kita copy-paste kode berikut dibawah kode <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> Tahap kedua, copas kode berikut dibawah kode <p><data:post.body/></p> <a expr:href='data:post.url'>Read More/Selengkapnya......</a> </b:if> 4. Kalo petunjuk di atas sudah kita lakukan berarti hasilnya seperti ini: (Warna biru sebagai kode yang tadi di copas)

<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/Selengkapnya...</a>

</b:if>

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

Atau lihat contoh gambar (mohon maaf kalo agak buram) 5. Kalo sudah beres, JANGAN LUPA klik SAVE TEMPLATE.



6. Dari menu TEMPLATE kita pindah menu; klik Settings-Formatting. Dibagian bawah ada tulisan Post Template, isi kotak dipinggirnya dengan kode berikut: <span class="fullpost"> </span> Klik SAVE.



7. Terakhir, setiap akan mempostkan tulisan klik Edit Html dan sisipkan kode berikut:


<span class="fullpost"> di atas tulisan yang akan kita sembunyikan atau dibawah paragraf tulisan yang kita tampilkan, dan </span> diakhir tulisan.



8. At last but not list, untuk mengedit tulisan yang sudah ada dan pengen menggunakan read more, caranya:

a. Klik menu EDIT POSTS

b. Klik EDIT di artikel yg akan diedit.

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