Wednesday, October 21, 2009

Cara Membuat Read More

Mungkin sudah banyak di blog2 teman kita yang membahas tentang Red More ini tapi nggak ada salahnya artikel ini saya postingkan agar memper banyak wacana. langsung aja cara membuat tampilan postingan kamu agar lebih singkat atau jika kamu pengen postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :
> Buka menu Layout kemudian pilih Edit HTML.
> Kasih tanda cek (contreng) pada cekbox "expand widget template"
>Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
<p><data:post.body/></p>
> Kalau sudah ketemu, baru ganti kode kode tersebut sehingga menjadi seperti di bawah 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....." bisa km ubah-ubah sesuka km asal sopan..he2
> Simpan hasil pengeditan.
> Kemudian pilih menu Setting lalu pilih Formatting
> Pada kotak Post Template isikan kode berikut:
<span class="fullpost">
</span>

> Langsung Simpan coy
>Saat memposting, kemudian disana ada 2 tab pilihan aja , yang "Compose" dan "Edit Html", lanjut km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">
</span>

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

0 komentar: