Kode HTML untuk membuat Read More pada blogger/blogspot

Kode ini aku dapatkan dari Refleksi dan Blog Tutorial. Dengan kode ini maka posting pada halaman depan (home) tidak akan ditampilkan seluruhnya, tetapi hanya sebagian saja.

Caranya adalah sebagai berikut:

1. Buka template -> Edit HTML -> Kasih tanda checklist pada menu "expand widget template"

2. Letakkan kode berikut persis di atasnya kode </head>

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

3. Letakkan kode berikut di bawah kode

<p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

Catatan:
* Baris kode yang berwarna biru adalah baris kode aslinya.
* Baris kode yang berwarna merah adalah baris kode yang ditambahkan.
* Baris kode yang berwarna hijau adalah baris kode yang bisa dirubah kalimatnya, misalnya seperti di blog ini kata Read more... ditambahi dengan kata lebih lanjut...
* Jangan lupa hapus semua tanda petik (') dan tanda kutip (") dan tulis ulang kembali agar kode dapat berjalan.
* Untuk memudahkan pencarian letak kode, tekan "Ctrl + F" untuk menampilkan kolom pencarian yang nanti letaknya ada dibawah, dan masukan kata yang ingin dicari, misalnya </head>

5. Simpan template.

6. Terus masuk ke Setting--> Format

7. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tersebut dengan kode berikut:

<span class="fullpost">
</span>

8. Simpan setting.

*****

Cara memposting

Ketika membuat posting, klik Edit HTML maka akan terlihat baris kode:

<span class="fullpost">
</span>

Letakan bagian posting yang ingin ditampilkan dihalaman depan (home) diatas baris kode:

<span class="fullpost">
dengan sisa postingnya diletakan dibawahnya.
Diakhir postingan letakan baris kode
</span>

Selamat mencoba.

Posting Dengan Kategori Sama