Catatan: Membuat Read More/Baca Selengkapnya Di Blogspot

Pemilik blog di blogspot tentu pernah mengalami tampilan posting termuat seluruhnya, tentu hal ini membuat tampilan kurang begitu nyaman ( setidaknya bagi saya). Seperti lazimnya tulisan-tulisan di media online atau blog biasanya posting yang tertampil hanya sebagian dan jika ingin membaca utuh ada link Read More, Baca Selengkapnya dan lain-lain. Di Blogspot atau Blogger banyak themes yang secara default belum tersedia feature untuk Read More, sehingga perlu ditambahkan.

Ini adalah catatan yang saya kutip dari tulisan Mas Isnaini, sekedar mengingat kalau lupa link-nya. Walau sudah di bookmark kalau ganti komputer sama saja.

1. Login ke blogger.com/ blogspot.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML
2. Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Templates.
3. Masukkan kode berikut sebelum tag atau tepat sesudah kode } ]]> seperti ini:

<!–  <b:if cond=’data:blog.pageType == “item”‘>
span.fullpost {display:inline;}
<b:else />
span.fullpost {display:none;}
</b:if>
–>

4 Selanjutnya mengatur supaya postingan terpotong, cari kode

 

dalam template kamu dan tambahkan kode berikut tepat dibawahnya:
<a> Read More..</a>

Nah supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik:

<span class=”fullpost”>>
sisa postingan sampai selesai
</span>.

Untuk menmbahkan kode ini, ketika posting kamu harus dalam mode Edit HTML bukan Compose.

 

 

Sumber Aslinya:
http://www.isnaini.com/2007/03/08/membuat-read-more-atau-baca-selengkapnya-di-blogger-baru

You may also like...

Leave a Reply