Cara membuat Read More pada blogspot

Seringkali saya mendapat pertanyaan dari rekan bagaimana caranya untuk membuat " Read more " pada blogspot pada artikel mereka yang panjang sekali sehingga mempersempit jumlah headline artikel mereka. berikut ini sekedar share aja yang mungkin sudah banyak artikel serupa namun mungkin berguna.

Sebelum merubah pengaturan blog sebaiknya anda membackup untuk mengurangi mengembalikan tampilan semula jika terjadi kesalahan dengan mendownload template lengkap yang tersedia di dalam tataletak html anda. kemudian buat file ganda yang satu file yang untuk di update dan yang satunya lagi file backup.

Setelah sudah di lakukan bukalah file yg telah anda download dengan text editor favorit anda, dalam hal ini saya menggunakan editplus. lalu carilah baris <data:post.body/> Setelah di temukan tambah kan script ini di atasnya :


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

Kemudian di di bawahnya di tambahkan pula script ini :

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

Sehingga hasil lengkapnya menjadi demikian :

<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/>

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

Jika semuanya sudah benar, simpan file anda kemudian upload kembali file yang telah di update di menu upload control panel blogger anda.

Setelah semuanya sudah selasai, maka pada setiap postingan selipkan dengan script ini :

<span class="fullpost">

</span>



Contoh hasilnya seperti yang anda lihat di blog ini pada tulisan read more, jika ada pertanyan silahkan tinggalkan pesan pada comment yg telah di sediakan.
Cara membuat Read More pada blogspot Cara membuat Read More pada blogspot Reviewed by aliyarpf on 7:37 AM Rating: 5

No comments: