Membuat Read More di Blog

Buat kamu-kamu yang ingin membuat read more (seperti pada gambar)

dapat dilakukan dengan mudah. Berikut ini langkah2 yang dapat kamu lakukan.

1. Buka blog yang kamu punya, setelah masuk pilih layout.


2. Setelah masuk kedalam Tab Layout pilih Edit HTML


3. Setelah masuk kedalam Edit HTML pilih Expand Widget Templates


4. Kemudian cari script <p><data:post.body/></p> di blog mu (bisa menggunakan ctrl+F)
setelah ketemu tambahkan script ini diatas script <p><data:post.body/></p>

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


5 Setelah menambahkan script pada nomor 4, tambahkan juga script berikut ini di bawah <p><data:post.body/></p>

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

6. Jika sudah di tambahkan kedua script baik nomor 4 atau 5 maka hasilnya seperti pada script dibawah ini

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

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

tulisan 'Read more..' bisa kamu rubah sesuka kamu misal 'Selengkapnya...' dll

7.Save atau simpan template yang kamu rubah

8.Pilih Tab "Setting" di blog dasbor kamu


9. Pilih formating


10 Cari 'Post Template' kemudian tambahkan script

<span class="fullpost">

</span>

Maka hasilnya akan seperti pada gambar