Cara Membuat Read More Otomatis Tanpa Javascript

Blogspot secara default tidak mempunyai fitur "Read more". Padahal penggunaan "Read More" bisa membantu efisiensi visual dalam sebuah halaman blog.

Berikut cara membuat Read More otomatis tanpa Javascript:

1. Buka dan masuk (sign in) ke blog Anda.
2. Pilih Template, selanjutnya pilih Edit HTML
3. Kemudian cari kode ]]></b:skin>. Gunakan ctrl+f untuk mempermudah pencarian.
4. Copy kode di bawah ini:

.post-thumbnail{float:left;margin-right:20px}

kemudian letakkan tepat di atas kode ]]></b:skin>

5. Cari kode <data:post.body/>. Selanjutnya copy kode di bawah ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

Setelah itu, gantilah kode <data:post.body/> dengan kode yang barusan di copy di atas.

6. Langkah terakhir, pilih Simpan template untuk menyimpan hasil editan Anda.
7. Selesai.

Sekarang blog Anda mempunyai fitur "read more" secara otomatis. Semoga Cara Membuat Read More Otomatis Tanpa Javascript ini bisa bermanfaat.

Selamat ber-blog ria.