CARA MUDAH MEMBUAT READ MORE SECARA OTOMATIS

Read More atau baca selengkapnya dibuat agar tampilan blog ketika pertama kali dibuka bisa terlihat banyak cuplikan artikenya. Agar pengunjung bisa melihat cuplikan-cuplikan yang ada di dalam blog kita dan memilihnya satu persatu. cara membuat read more dibedakan menjadi dua, yaitu read more otomatis dan manual.

Dan yang akan kita bahas disini adalah cara membuat read more otomatis tanpa javascript, jadi nggak repot-repot lagi pakai situs pihak ketiga, karena langsung masuk ke script HTML blog kita. Menggunakan cara ini manfaatnya adalah akan membuat template blog anda menjadi lebih ringan.

Cara ini menggunakan kode pada tampilan mobile blogspot (post snippet). Maka dari itu, diperlukan penambahan kode pada script HTML blog kita.

Berikut langkah-langkah membuat read more secara otomatis:

1. Seperti biasa, masuk ke akun blog anda
2. Lalu pilih Elemen Template, dan lanjutkan dengan klik Edit HTML
3. Kemudian cari kode ]]></b:skin>, untuk mudahnya gunakan saja ctrl+f
4. Copy kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin> jangan sampai salah meletakan script karena akan menyebabkan error.

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

5. Kemudian cari kode <data:post.body/> dan jika sudah ketemu silahkan Copy semua 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>

6. Kemudian gantilah kode <data:post.body/> dengan kode yang barusan di copy di atas.
7.Lalu Simpan template blog anda.
8. Dan lihatlah hasilnya.

Demikianlah Cara Mudah Membuat Read More Secara Otomatis, semoga bermanfaat.