Wednesday, August 19, 2009

Cara Membuat read more/baca selengkapnya di blog

cara ini saya dapat di blog nya Kendhin,,saya hanya ingin memposting ulang sekaligus menjadikan postingan ini sebagai arsip saya,untuk menambah ilmu pengetahuan tentang blog....

kita sering melihat postingan yang terlalu panjang dihalaman utama blog hanya ditampilkan sebagian dan disertai link read more / baca selengkapnya...

untuk membuat nya seperti itu cara nya adalah sebagai berikut :


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


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

jika anda tidak menemukan kode tersebut cari kode ini :

data:post.body/

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga 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'>Read More......</a>
</b:if>


Tulisan "Read More....." bisa kamu ganti menjadi "Baca Selegkapnya" atau sesuai dengan keinginan anda.

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 anda ingin memposting, ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", kamu pilih "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut


<span class="fullpost">


</span>


10. Letakkan tulisan yang ingin kamu tampilkan dihalaman utama diatas atau sebelum kode ini<span class="fullpost">
sementara sisanya letakkan di antara kode<span class="fullpost">
dan</span>


cth :
tulisan anda yg ingin ditampilkan di halaman utama

<span class="fullpost">
sisa dari tulisan anda
</span>

11. selesai selamat mencoba.......thanks to Kendhin


sumber :
http://trik-tips.blogspot.com/2007/12/cara-membuat-read-more-baca.html?showComment=1250677184756#c8981180268114305575


1 comments:

tomvehl said...

Yoi bro ais...lanjut...

Post a Comment