Cara Membuat Read More
Tahap Pertama
- Login di Blogger, kemudian masuk ke halaman edit html
- Cari kode html seperti ini : <div class='post-header-line-1'/>
- Kemudian simpan kode berikut di bawah kode yang tadi:
- Selanjutnya, dibawah kode yang baru anda simpan barusan, terdapat kode seperti ini :
<data:post.body/>
<div style="'clear:"> <!- clear for photos floats ->
</div>
lalu diantara kode
<data:post.body/>
dan
<div style="'clear:"> <!- clear for photos floats ->
</div>
Simpan kode yang ini :<a expr:href='data:post.url'>Read More .. </a>
</b:if>
Sehingga hasil dari perubahan kode html selengkapnya 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>
<data:post.body/>
<a expr:href='data:post.url'>Read More .. </a>
</b:if>
<div style="'clear:"> <!- clear for photos floats ->
</div>
<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>
Tahap Kedua
Setelah selesai melakukan edit kode html-nya, sekarang kita beranjak ke bagaimana cara melakukan posting artikel supaya fungsi read more tersebut bisa kita aplikasikan. Berikut petunjuknya :
- Silahkan buat postingan sampai selesai (jg dulu di publish)
- Tentukan bagian postingan yang akan di tampilkan (ringkasan), kemudian masukan kode berikut pada akhir bagian postingan tersebut : <span class="fullpost">
- Pada akhir postingan, masukan kode ini : </span>
- Selesai
Ilustrasinya:
"ini adalah text yang akan ditampilkan"
<span class="fullpost">
"ini adalah text lanjutannya"
</span>
Sekian. Terima kasih :)
0 comments