membuat 'Read More...'

Sudah banyak yang membuat postingan tentang cara membuat yang disebut dengan 'read more' , tetapi kadang-kadang cara-cara yang telah diberikan suka membuat bingung (termasuk saya . hehe) . tetapi akhirnya saya menemukan cara ampuh untuk membuat 'read more' tersebut .

berikut cara cara untuk membuat 'read more'


1. masuk ke Blogger - Edit Layout . Trus pilih Edit HTML.
2. Disebelah kanan atas kotak kode HTML, ada tulisan 'Expand Template Widget'. kasi tanda centang.
PERHATIAN!! Sebelum mengedit apapun, ada baiknya membackup template kita dulu, dengan klik pada tulisan ‘Download Template Lengkap’.
3. Cari kode seperti ini :

<div class='post-body entry-content'>
<data:post.body/>

4. Copy kode dibawah ini, lalu paste antara dua kode diatas.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Maka akan berubah menjadi :

<div class='post-body entry-content'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<data:post.body/>

5. Copy kode berikut, lalu paste dibawah kode diatas.

<a expr:href='data:post.url'>Selengkapnya</a>
</b:if>

Sehingga akan menjadi seperti :

<div class='post-body entry-content'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<data:post.body/>


<a expr:href='data:post.url'>Selengkapnya</a>
</b:if>

6. simpan template .

MEMULAI POSTING

1. Sebelum mulai posting, pilih menu (tabs) ‘Pengaturan’ (Setting), lalu pilih ‘Format’ (Formatting). Lalu paling bawah sendiri ada kotak ‘Template Posting’ (Post template). pada kotak copy lalu paste kode dibawah ini:

<span class="fullpost">

</span>

Simpan perubahan.

2. Pada saat mulai posting, akan ada 2 pilihan (tab), Edit HTML dan Compose. Coba pilih tab Edit HTML. Ke2 kode diatas pasti akan muncul secara otomatis.

Cara mempostingnya dengan cara , postingan yang akan dilihas sebelum 'Read More' diletakkan diatas kode tersebut , setelah itu postingan yang disembunyikan diantara kedua kode tersebut . contohnya :

Inti Posting

isi posting yang tidak tampak



Selamat mencoba, semoga berhasil :D