Ini adalaha tutorial untuk membuat "read more" pada postingan kita, fungsinya adalah untuk meringkas suatu artikel / postingan pada blog.
inilah cara untuk membuat read more tersebut.
1. Pastikan anda sudah login di blog anda.
2. Masuk pada tab tata letak, lalu edit html.
3. Kasih tanda checklist pada expand template widget
4. Cari kode di bawah ini atau ketik ctrl+f agar lebih mudah dalam mencari
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<div class='post-body entry-content'>
5. Di bawah kode
<div class='post-body entry-content'>
Tuliskan kode berikut
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
6. Kemudian, di bawah kode
<data:post.body/>
yang terdapat di bawah kode yang baru anda tulis di atas,
tuliskan kode ini
<a expr:href='data:post.url'>Read More .. </a>
</b:if>
</b:if>
Sehingga tampilan lengkapnya akan menjadi seperti ini
<div class='post-header-line-1'/>
<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>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More .. </a>
</b:if>
<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>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More .. </a>
</b:if>
7. Lalu, pada saat anda menulis postingan, tentukan bagian mana yang ingin anda tampilkan (ringkas), kemudian masukan kode ini dibawah tulisan yg ingin anda ringkas
<span class="fullpost">
8. Pada akhir postingan anda, masukan kode berikut sebagai penutup
</span>
0 comments:
Post a Comment