Membuat Read More / Baca Selengkapnya Blogspot

Readmore atau Baca Selengkapnya sangat penting pada Blogspot. Selain menghemat halaman utama, tentu juga memberi kesan menarik pada blog.

Sebenarnya sudah banyak Template-template terbaru yang langsung menyediakan fasilitas Readmore atau Baca Selengkapnya ini. Tapi kebanyakan orang masih menggunakan template klasik karena tampilan yang sederhana dan mudah dipahami. Ya, itu sesuai selera setiap orang. Berikut ini saya buat contoh membuat Readmore pada Blogspot...

Langkah-langkahnya antaralain:

1. Pastikan anda Login ke alamat Bloger anda.
2. Klik Pengaturan

3. Klik Format

Cari nama Template Entry dan isikan kolom diseblahnya dengan dibawah ini:
------------------------------------------------------------
<span style=";">
<span class="fullpost">

</span></span>
------------------------------------------------------------

Untuk Font Family, maupun Font Size dapat anda atur sendiri sesuai denagan kebutuhan anda.

4. Setelah itu jangan lupa Simpan Pengaturan anda.

5. Klik Rancangan - Edit Html.

6. Saran: Sebaiknya anda meng-Backup template anda terlebihdahulu sebagai jaga-jaga atau apabila terjadi kesalahan pada saat anda mengedit HTML template anda.

7. Centang Expand Template Widget.

8. Cari kode <data:post.body/> atau kode <p><data:post.body/></p>

9. Apabila anda kesulitan mencari kode diatas, cukup anda tekan F3 pada keyboard dan lakukan pencarian.

10. Hapus/Replace kode di atas dan gantikan dengan kode berikut 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/>
<a expr:href='data:post.url'><strong>Baca Selengkapnya...</strong></a></p>
</b:if>
--------------------------------------------------------------

11. Simpan Template anda dan selesai.

Nah untuk cara postingannya dilakukan melalui Edit HTML seperti dibawah ini:
--------------------------------------------------------------
<span style=";">

Ringkasan isi sekilas artikel yang tampil di halaman utama

<span class="fullpost">

Isi artikel secara keseluruhan, lajutan ringkasan sekilas diatas

</span></span>
--------------------------------------------------------------

Apabila Template anda ERROR berarti anda melakukan kesalahan karena ada kode yang tidak sesuai. Maka anda tinggal meng-Restore Template anda yang sebelumnya yang anda Backup pertama kali sebelum mengedit HTML TEMPLATE. Setelah itu ulangi langkah di atas dengan hati-hati.