Cara membuat Baca Selengkapnya

Saturday, December 20, 2008 Biasanya postingan terbaru yang kita posting akan ditampilkan satu halaman penuh dihalaman utama blog. Namun jika postingan kamu terasa terlalu panjang maka hal tersebut akan membuat penuh halaman utama blog kamu. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya maka ikutilah tips berikut ini dan serius membaca :

1. Login ke blog sobat blogger.com
2. Setelah muncul Dasbor klik Tab menu layout
3. Buka menu Layout kemudian pilih Edit HTML.
4. Kasih tanda cek (centang) pada cekbox "expand widget template"
5. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

<div class='post-body entry-content'>

jika udah ketemu maka dibawahnya ada kode ini :

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

6. Kamu 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/></p>

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

Tulisan yang berwarna merah atau "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya" dan Seterusnya... Seterah dengan selera kamu.

7. Simpan hasil pengeditan.
8. Kemudian pilih menu Setting lalu pilih Formatting
9. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

10. Kemudian Simpan.
11. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti :

<span class="fullpost">


</span>

12. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

Maka Selesai deh Tips ini.. Selamat Mencoba...