Membuat read more atau baca selengkapnya

Read More adalah salah satu solusi agar postingan kita bisa terlihat lebih singkat juga tidak terlalu memakan banyak tempat pada halaman blog kita pada saat kita memposting sebuah artikel yang terlalu panjang.
Pada saat pengunjung membaca sebuah artikel milik kita yang terlihat hanyalah bagian awal dari postingan kita, sisanya atau keseluruhan artikel yang kita posting akan terlihat ketika pengunjung tersebut meng klik tulisan Read More.
Saran saya ketika sobat membuat sebuah artikel, tulislah inti dari judul artikel di bagian awal tulisan sobat, agar para pengunjung yang membaca artikel sobat menjadi lebih penasaran dan ingin terus membaca artikel sobat hingga tuntas.
Bagi sobat yang ingin membuat Read More silahkan ikuti langkah-langkahnya berikut ini :

1. Login ke blog milik sobat

2. Klik Rancangan

3. Klik EDIT HTML

4. Beri tanda centang pada Expand Widget Template.

5. Copy kode di bawah ini dan paste kan tepat diatas kode </head>

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


6. Kemudian cari kode
<p><data:post.body/></p>
lalu copy kode dibawah ini dan paste tepat kode tersebut

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


7. Klik "Save template"

8. kemudian klik Pengaturan

9. Klik Format dan masukan kode ini pada kolom kosong yang ada dibagian bawah

<div class="fullpost">
</div>


10. Klik Simpan, selesai.

Ketika sobat menulis sebuah artikel, kode diatas akan muncul. Tulis artikel yang ingin sobat tampilkan sebelum kode

<div class="fullpost">

dan sisa artikel sobat tulis sesudah kode tadi dan akhiri dengan kode

</div>

Baca Lainnya..

0 comments:

Posting Komentar

Share This Blog
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design By: Yudha