Cara Membuat “Read More” pada Blogger

Read More berfungsi untuk mempersingkat hasil postingan pada saat kita berada di Halaman Utama atau Arsip. Bayangkan saja apabila Anda membuat sebuah artikel yang mana apabila di copy ke bentuk word bisa mencapain 2 halaman bahkan lebih, dan artikel yang muncul pada blog Anda lebih dari satu, pasti halaman tersebut hasilnya akan kurang menarik karena terlalu panjang ke bawah. Maka dari itu untuk mempersingkat artikel/postingan tersebut kita menggunakan Read More. Untuk membuat Read More pada blog Anda (khusus untuk Blogger), anda bisa mengikuti langkah-langkah di bawah ini :

Langkah 1
Sign di Blogger
Klik menu Pengaturan
Klik menu Format
Pada Template Posting, isi text kosong dengan kode di bawah ini:


<span class="fullpost">


</span>


Klik tombol Simpan

Langkah 2
Klik menu Dasboard
Klik menu Layout
Klik menu Edit HTML
Klik tulisan Download Template Selengkapnya
Silahkan save terlebih dahulu template tersebut supaya apabila ada kesalahan atau error, Anda masih memiliki back up nya.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget , lihat gambar di bawah :









Cari kode berikut pada template anda :


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


Hapus kode di atas dang anti dengan kode di bawah ini :


<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>.fullpost{display:inline;}</style>
</b:if></span><p><data:post.body></data:post.body></p><span class="fullpost">
<b:else>
<style>.fullpost{display:none;}</style>
</b:else></span><p><data:post.body><span class="fullpost">
<a href="data:post.url"><strong>Read More</strong></a></span></data:post.body></p><span class="fullpost">


Pada kode di atas hasilnya berupa tulisan Read More, untuk mengubah menjadi Selengkapnya atau Baca Lagi, ganti kata yang telah ditebali tersebut (Read More) dengan kata yang Anda inginkan.

Klik tombol Simpan


Cara memposting artikel
Klik menu Posting
Klik menu HTML, nanti akan muncul kode seperti berikut :


<span class="fullpost">


</span>


Tulis artikel yang ingin Anda tampakkan pada blog sebelum kode ini :


<span class="fullpost">


Tulis sisa artikel tersebut sebelum kode ini :


</span>


Klik tombol Mempublikasikan Posting

Selesai sudah, Anda bisa mengecek hasil postingan tadi dengan mengklik Lihat Blog (di jendela baru).

Semoga berhasil