Bagaimana membuat "read more.." atau "baca selanjutnya" di Blogger

Berikut teknik/hack membuat link Baca selengkapnya atau read more... di Blogger atau blogspot yang saya kutip dari http://www.eblogtemplates.com/how-to-add-the-blogger-read-more-expandable-posts-link/ dan telah saya buktikan bisa.

Langkah #1 -Update kode template AndaMasuk ke dashbord blog--> Pilih Setting --> Edit Html --> Klik expandable widget
Tambahkan kode berikut dibawah tag <div class=’post-header-line-1′/> dan <div class=’post-header-line’> jika dua-duanya ada.

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

Sekarang tambahkan sedikit kode yang akan menambahkan link "read more" pada posting anda. Kode ini berada di bawah tag <data:post.body/> so copy kode berikut dibawah tag tersebut. Anda bebas mengganti "Read more..." dengan kata2 pilihan Anda. Hati-hati jangan menghapus kode-kode yang lainnya.

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

Beres, Andan telah selesai meng-edit template blog Anda. Lalu simpan kode html Anda. Jika tidak ada pesan error maka kode berhasil disimpan, silakan ke Langkah berikutnya.

Langkah #2 – Menanmbahkan Class Tag pada default Post Template

Masuk ke “Settings” => “Formatting” and scroll kebawah sampai ke pilihan terakhir “Post Template”. Paste-kan kode berikut:

<span class="fullpost">

</span>

Langkah #3 - Cobalah membuat posting baru

perhatikan gambar berikut...