Cara Membuat Tulisan Menjadi Read More

Terkadang ketika kita ingin melihat sebuah web atau blog kita sering melihat artikelnya terpotong atau tidak sempurna. Tujuannya adalah Pertama, ingin membuat penasaran para pembaca tulisan itu dan yang Kedua, Yang tak kalah pentingnya adalah TIDAK MAKAN TEMPAT alias jadi tertata lebih rapi. Atas alasan itulah saia ingin sedikit memberikan Tips bagaimana caranya membuat tulisan pada blog khususnya blogspot menjadi setengah atau sering dibilang dengan "Read More".

Caranya sebenarnya sangat mudah, hanya perlu kesabaran dan ketelitian saja. Sebaiknya Anda melakukan Back up terlebih dahulu pada Template Blog yang akan Anda edit, hal itu berguna untuk mengurangi resiko apabila terjadi kesalahan dan gagal.Berikut inilah caranya :

1. Login account blogspot Anda, Lalu masuk pada kolom Layout --> Edit HTML.
2. Centang Expand Widget Template, Hal itu berguna untuk melakukan edit secara keseluruhan.
3. masukkan kode berikut ini :
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

copy kode di atas itu sebelum </head> atau tepat setelah kode } ]]>

4. Atur agar Postingan anda Terpotong, carilah kode <p><data:post.body/></p>. Lalu tambahkan kode berikut di bawahnya.
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca Selengkapnya...</a>
</b:if>
Save Template, Selesai deh...

5. Tapi, ingat untuk Selalu menggunakan script <span class="fulpost"></span> saat anda melakukan Posting Tulisan Anda. Ingat lakukan penulisan script tadi pada Edit HTML bukan pada Compose.

Selamat Mencoba!



Salam,
Rakyat Tekaje Crew