Saturday, 14 March 2009

Cara Membuat Read More / Baca Selengkapnya di Blogger

Read more atau baca selengkapnya dapat digunakan untuk memotong artikel yang sangat panjang, karena banyak pengunjung blog yang segan untuk membaca artikel yang terlalu panjang. Dengan Read More atau baca selengkapnya akan ditampilkan abstraksinya saja dari suatu postingan kita. Cara membuat read more / baca selengkapnya di blogger adalah sebagai berikut :

1. Login ke blogger
2. Buka menu Layout kemudian pilih Edit HTML.
3. beri tanda centang pada "expand widget template"
4. Cari kode berikut ini :

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

5. Ganti kode tersebut 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....." itu bisa diganti, misalnya jadi "Baca Selengkapnya".

6. Jangan lupa save.
7. Kemudian pilih menu Setting lalu pilih Formatting
8. Pada kotak Post Template isikan kode berikut:


<div class="fullpost">

<div>

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

<div class="fullpost">

<div>


11. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : sementara sisanya yaitu keseluruhan posting letakkan di antara kode berikut ini :

<div class="fullpost">

<div>


Hore Selesai..... Selamat Mencoba...
..

No comments:

Post a Comment