Membuat ReadMore di blogger

Blog dengan 'ReadMore' memang memiliki kesan tersendiri bagi blogger maupun pembacanya. Dengan menggunakan ReadMore ini, Blog menjadi terkesan Simple. Mencari artikel dalam blog pun menjadi lebih gampang dan ringkas karena tak harus menggulung scroll terlalu lama karena conten posting yang panjang. Selain simple dalam visualisasinya, pemasangannya pun ha beitu ribet. Cukup meletakkan deretan script pada HTML code template blogger, save dan usai sudah. (hehehe...)

Berikut adalah langkah pemasangan 'ReadMore' blogger selengkapnya.

ang jelas, langkah pertama harus login dulu di akun bogger kamu

1. Buka "Tata Letak" atau "Layout" (tergantung bahasa dalam blogger kamu, bahas yang B. Indonesia saja ya, soalnya aku pake Bahasa Indonesia)
2. Begitu muncul tampilan Edit Tata Letak, pilih "Edit HTML"
   
   
3. Centang kotak "Expand Template Widget" yang ada di pojok kanan atas HTML editor
4. Cari kode <p><data:post.body></p>
5. Ganti dengan kode berikut:
<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>Selengkapnya...</strong></a></p>
</b:if> 
6. Simpan dan lihat hasilnya.
SELESAI 

Semoga dapat membantu :)

Tweet