Sabtu, November 22, 2008

Membuat Read More di Blogspot

Biar Postingan kita tidak tampil terlalu panjang, Read more solusinya.
Caranya:
1. Buka menu Layout kemudian pilih Edit HTML
2. centang pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu(Biar cepet pake ctrl F aja)


kalo udah ketemu maka dibawahnya ada kode ini :



4. Ganti kode <p><data:post.body/></p> dengan 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'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".
5. Simpan.
6. pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

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

<span class="fullpost">


</span>

10. Letakkan posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan sebelum kode </span>
11. Selamat mencoba

2 komentar:

Anonim mengatakan...

seep mas....


mau gak tukeran link ??

Bangteh mengatakan...

tengkiw bro ilmuna mengenai "readmore" sangat membantu, secara skin kita sama.. hehe (kebetulan siii) :D

Posting Komentar