6.15.2009

Cara Membuat ReadMore ( baca Selengkapnya ) Sederhana

kita pasti pusing kan kalau tampilan postingan kita panjanaaaang banget !!
ampe kita bosen liadnya !!
nah disini kita bongkar rahasianya !!
Solusi satusatunya !! yaitu memakai Readmore / Baca Selengkapnya !!
hehe ...
caranya "
nah disini kita ungkap!!
dengan cara paliiiing Sederhana !!
nah sebelum kamu tau caranya !!
klik dulu baca selengkapnya dibawah ini !!
skalian iklannya ya !! please !! hehe

oke
caranya bergini !!

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu :

<div class='post-body entry-content'>


Kalo dah ketemu pasti dibawahnya ada kode ini

<p><data:post.body/></p>


lalu ganti kode diatas menjadi seperti ini !

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



5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">
</span>



8. Kemudian Simpan.
9. Ketika memposting, akan ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Tyus km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :


<span class="fullpost">
</span>



10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama diatas kode ini : sementara sisa posting-nya kamu letakkan di antara kode dan
11. Nah Diantara semua proses inilah yang paling penting, yaitu SELESAI DAH....

dikutip dari blognya http://sumber-infoku.blogspot.com/2008/07/membuat-read-more.html




No comments:

Post a Comment

YM status


Yahoo : yo_satria

link Exchange

Image Hosted by ImageShack.us

Blog Roll

Blogroll