How to create "Read More" on Blogspot atau cara membuat tampilan "Read More"

Hufh,,,,!capek deh,,,,!
beberapa hari belakangan ini sebelum postingan kedua ini, aku sibuk mencari cara agar pada postingan bisa kelihatan tampilan Read More" pada postingan yang pertama ini, yang tentunya agar pada postingan berikutnya juga berlaku.ternyata setelah beberapa hari browsing sana-sini ketemu juga neh caranya (berkat bantuan temen2 di blogger juga seh) membuat tampilan "Read More" di postingan blogspot, mau tau kan..? (nah tampilannya jadi kira2 seperti ini)caranya begini
Membuat "Read More..." pada blogspot.
Pilih tab "Design" kemudian click "Edit HTML" satu lagi neh jangan sampe lupa kamu nandain
"Expand Template Widget" kalau gak, kamu gak akan menemuain kode yang akan kita cari…
Sekerang kita akan mulai …
Cari lah code </head>
copy code berikut ini dan paste tepat diatas code </head>

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

sehingga akan kelihatan seperti gambar berikut :

click pada tab save, Kemudian cari code <data:post.body/> tapi ada kemungkinan di beberapa template kodenya menjadi <p><data:post.body/></p> copy paste code berikut tepat di bawah kode <data:post.body/> atau code <p><data:post.body/></p>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

maka akan kelihatan menjadi seperti gambar berikut:

kemudian sava lah template yang sudah kita kerjakan barusan..! jadi deh,,,
Gampang bukan…?!
Bagaimana cara memposting selanjuntya..?
sisipkan kode berikut diantara postingan yang akan dibaca sebagai Read More : <span class="fullpost"

dan akhiri dengan code:
</span>

mudah kan..!
Informasi tambahan:
Untuk mempermudah pencarian , pada saat mau mencari code yang tadi kita bahas tekan tombol "ctr+f", pada layar bagian bayah biasanya di pojok kanan sebelah bawah ketiklah code yang akan di cari tersebut.
Satu lagi neh, untuk mempermudah postingan, setiap kali mau ngeposting file pasti agak ribet kalau kita harus mengkopy paste <span class="fullpost" dan </span>
maka untuk menghindarinya caranya begini neh,,! pada tab pengaturan >> click "Format" kemudian isikan code berikut pada Template Entry :

<span class="fullpost">

</span>


secara otomatis, setiap akan memposting script ini udah ada di HTML

<span class="fullpost">

</span>

selamat mencoba ya,,,,, kalau anda berhasil ataupun rada gagal tinggalkan comment kita akan mencoba membahas bersama.
@click4freedownload
sumber http://www.catatanblogger.com