Galeri Foto

05 April 2010

Cara membuat "read more" pada posting

0 comments
sering kita jumpai di halaman web, setelah sepotong artikel, tertulis kalimat "baca selengkapnya" atau "read more" atau "continue" dll. seperti di blog ini. nah cara membuatnya :

langkah 1. login ke blogspot anda

klik Pengaturan

klik Format

Pada layar paling bawah, ada text area kosong disamping tulisan Template Posting, isi tesxt area kosong tersebut dengan kode di bawah ini :

<span class="fullpost">

</span>

klik tombol simpan pengaturan
Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.

langkah 2. klik dashboard, klik tata letak, klik tab edit HTML
beri tanda centang pada expand template widget

selanjutnya Silahkan anda cari kode berikut pada kode template milik anda :

<data:post.body/>

Hapus kode diatas, lalu ganti dengan kode 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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a>&lt/p>
</b:if>

klik tombol simpan template
selesai...

Cara posting artikel nya, pada saat anda klik entri baru pada posting, akan ada kode tadi. nah letakkan posting yang akan tampil langsung sebelum kode :

<span class="fullpost">

dan untuk postingan yang tidak tampil (harus klik "selengkapnya") berada dibawah kode diatas sampai sebelum kode :

</span>

nah gitu doang :-)



0 comments:

Post a Comment

Sebelum meninggalkan halaman ini, silahkan kasih masukan pada blog ini...