07 Mei, 2009

Cara Membuat Read More/Baca Selanjutnya di Blogger

Pada saat anda memposting tulisan anda di blog anda, mungkin anda akan menemukan pada halaman awal anda 1 posting anda tertulis secara keseluruhan yang membuat posting anda yang lain harus anda atau pengunjung anda harus banyak scroll kebawah untuk menemukan posting berikutnya. Tetapi itu dapat dibuat mudah dengan menggunakan "read more" pada penggalan posting anda, sehingga anda atau pengunjung anda dapat melihat beberapa posting anda dengan mudah.

1. Jika pengaturan blogger anda bahasa Indonesia maka klik 'Tata letak' - 'Edit Html' lalu kasih ceklis pada "Expand Template Widget"
2. Setelah itu masukan kode

<style>

<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

(cara mudah mencari kode dengan tekan shortkey Ctrl+F lalu ketik pada kolom search) seperti gambar dibawah ini
3. Kemudian Tambahkan kode

<b:if cond='data:blog.pageType != "item"'>

<a expr:href='data:post.url'> Read More..</a>
</b:if>

tepat dibawahnya kode <p><data:post.body/></p>, (tulisan "Read More.." dapat diganti seperti "baca lanjutannya"). Seperti dalam gambar dibawah ini

4. Dan jangan lupa klik Simpan Template dan selesai

5. Klik Pengaturan, terus klik Format. Di paling bawah ada kotak kosong di samping menu Template Posting. Isi kotak kosong tsb dg kode

<span class="fullpost">

</span>

6. Lalu jangan lupa klik Simpan Setelan dan selesai

Cara Memposting

Ketika memposting, klik Edit HTML (bukan Tulis). Maka, secara otomatis akan tampak kode

<span class="fullpost">

</span>

Letakkan posting yg akan ditampilkan di halaman muka di atas kode

<span class="fullpost">

Sedangkan sisa posting yagn ingin ditampikan secara penuh , diletakkan di antara kode

<span class="fullpost">

dan

</span>

itulah sedikit tips dari saya yang didapat dari berbagai sumber. Semoga Membantu.

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

AddThis

Share |