Cara Buat Read More Otomatis Terbaru

Bila kita sering baca sebuah artikel online tentu kita sering mendapati tulisan read more / lanjutkan membaca. Read more tersebut sangat diperlukan bila kita menulis beberapa artikel tetapi dalam satu halaman postingan, sehingga para pembaca bisa melihat judul dan ringkasan dari artikel tersebut. Selain untuk mempersingkat halaman, dengan memasang read more juga bisa mempercantik tampilan blog sehingga terlihat elegan dan dinamis.

Pada artikel kali ini akan menjelaskan Cara Buat Read More Otomatis Terbaru. Ada beberapa cara untuk membuat read more otomatis, antara lain dengan memakai javascript, tanpa javascript, bahkan harus memanfaatkan pihak ketiga. Tetapi saya lebih memilih cara yang akan dijelaskan dibawah ini dengan alasan simpel. Ikutilah uraian lengkapnya berikut ini.

Langkah-langkah membuat read more otomatis terbaru :

•    Buka akun blog anda
•    Pilih element Template lalu edit HTML
•    Lalu cari ]]></b:skin>
•    Coppy / salin kode di bawah ini letakan tepat diatas]]></b:skin>

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

•    Cari kode <data:post.body/>
•    Coppy kode dibawah 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 dicoppy, gantilah <data:post.body/> dengan kode diatas
•    Selesai simpan template blog anda dan lihat hasilnya 

Demikianlah uraian mengenai read more, selamat mencoba dan semoga bermanfaat. Bila sobat semua menyukai artikel ini jangan lupa like dan share. Terima kasih..salam blogger...