Cara Membuat Read More

Posted on Wednesday 20 January 2010






Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan sobatdapurblogger terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika sobatdapurblogger ingin supaya postingan sobatdapurblogger yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah 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 sobatdapurblogger (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
<p><data:post.body/></p>


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....." itu bisa sobatdapurblogger rubah, misalnya jadi "Baca Selengkapnya".

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 memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha sobatdapurblogger pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">


</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalaman utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost">

sementara sisanya yaitu keseluruhan posting letakkan di antara kode

<span class="fullpost">


</span>

11. SELESAI...eng ing eeng.... 



Kalau sobat dapurblogger menginginkan read more yang bekerja secara otomatis, bisa melihat artikel "Cara Membuat Read More Otomatis" pada artikel read more yang lain pada blog dapurblogger ini.


Semoga bermanfaat.


No comments:

Post a Comment

Blog Ini Dofolow.
Komentar yang tidak sesuai dengan content yang di bahas, akan di hapus.

loading...
© Dapurblogger. Template by Template Responsive Design Powered By Blogger