Cara Buat Read More di Blogspot (versi 1)

Diposting oleh Hulu on Senin, 26 November 2012

Jika kamu ingin supaya postingan kamu yang ditampilkan di halaman utama cuma abstraksinya saja kemudian ada sebuah link Read More atau Baca Selengkapnya untuk melihat selengkapnya tulisanmu, 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 kamu :
<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 kamu 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", Nah kamu 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 di halaman utama (sebelum tulisan "Redmore") di atas atau sebelum kode <span class="fullpost">, sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Selamat Mencoba...
OPAK GAMBIR Galeri Kain Tenun Ikat