Read More In New Blogger

Perubahan template baru pada blogspot membuat cara lama untuk menampilkan "read more" yang berfungsi memotong suatu artikel menjadi setengah bagian menjadi tidak berfunsi lagi. Kecuali bila anda merubah (revert) ke template model lama.

Kini saya memberikan caranya menggunakan "read more" kembali pada template baru. Berikut langkahnya:

1. Login ke dalam blogger. Pilih blog anda > Layout > Edit HTML
2. Beri tanda pada checkbox "Expand Widget Templates"
3. Cari kode berikut

<div class="post-header-line-1">
<div class="post-body entry-content">

4. Tambahkan kode berikut di bawahnya

<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. Berikutnya cari kode berikut

<p><data:post.body/></p>
<div style='clear: both;'/> <!- clear for photos floats ->
</div>

6. Setelah kode ini

<p><data:post.body></data:post.body></p>

dan sebelum

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Sisipkan kode berikut

<a expr:href='data:post.url'>Read More .. </a>
</b:if>

7. Simpan (save) template.

8. Pilih Settings > Formatting. Pada bagian bawah terdapat Post Template. Isi dengan kode berikut

<div class="fullpost">

</div>

Pilih "Save Settings". Pada umumnya masih menggunakan span, namum terkadang Firefox salah membaca kode tersebut sehingga lebih aman bila menggunakan div.

9. Anda selesai. Kini untuk membuat "read more" pada post anda, letakkan awal posting sebelum div class="fullpost" dan sisa postingan setelah div class="fullpost".

10. Ingat untuk mengetik kode diatas daripada meng-copy paste. Karena browser tertentu akan salah membaca tanda ' yang dapat menyebabkan pesan error "Close XML Tags".

11. Happy blogging.