Trik mudah membuat Readmore

Pada bahasan artikel yang banyak saya temui sebelumnya, terkadang cara untuk membuat ReadMore masih banyak terjadi kendala di sana sini. Apalagi bagi newbie2 kayak saya ini, pastinya nggak mau ambil pusing dengan kode HTML. he he he.
Berhubung kali ini udah bisa membuat ReadMore di blog ini jadi saya pengen share aja sama teman2 supaya sama2 pintarnya. he he(GR mode On!!).

Nah buat yang masih newbie atau masih belum sukses buat readmore silahkan ikuti langkah 2 saya berikut ini:

1. Log In ke Akun Blogger
2. Klik Pengaturan
lalu klik Format. Pada kolom template posting isi text area tersebut dengan kode di bawah ini:

<span class="fullpost">


</span>


lalu klik tombol Simpan Pengaturan.

3. Kemudian kita akan langsung menuju menu Layout(Tata letak) --->> Edit HTML
dan beri centang pada kotak kecil di samping tulisan Expand Template Widget
. Lalu cari kode seperti yang di bawah ini:

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

Hapus kode di atas lalu ganti dengan kode di bawah 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/>


<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>


</b:if>

Lalu klik tombol Simpan Template dan selesai.


Untuk cara Postingnya klik menu Posting lalu klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting sebelumnya, yakni:



<span class="fullpost">

</span>


Tulislah artikel yang ingin tampak pada blog sebelum kode:

<span class="fullpost">


kemudian lanjutkan keseluruhan sisa artikel sesudah kode di atas tadi dan akhiri dengan kode:

</span>

bila telah selesai klik tombol Mempublikasikan Posting.

Untuk melihat apakah kita telah berhasil klik menu Lihat Blog ( jendela Baru ) untuk melihat hasil postingan kita. Jika masih belum berhasil silahkan ulangi kembali langkah langkah di atas.

Selamat mencoba.