Cara Membuat Readmore

Cara membuat Readmore – Untuk membuat tampilan blog lebih rapi dan elegant, sebaiknya sobat blogger memasang Readmore pada setiap postingan di blog kita. Bagaimana cara membuatnya?caranya cukup sederhana, berikut blogatap akan memberikan langkah-langkah cara membuat readmore:

1. Login akun Blogger 
2. Buka halaman template ---> edit html ---> centang expand template widget 
3. Cari kode </head> gunakan Ctrl + F untuk mempermudah pencarian 
4. Paste kode berikut tepat diatas </head>
   
   <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>


5. Selanjutnya cari kode <data:post.body/>  atau <p><data:post.body/></p> Jika menemukan 2 kode yang sama, pilih kode yang pertama. 
6. Jika sudah ketemu ganti kode tersebut dengan kode dibawah ini:
   
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
   <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
   </script>
   <span class='rmlink' style='float:right;padding-top:20px;'>
   <a expr:href='data:post.url'>READ MORE</a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


7. Klik Simpan Template

Keterangan: summary_noimg = 430; Jumlah karakter yang akan ditampilkan jika tidak menggunakan gambar

summary_img = 340; Jumlah karakter yang akan ditampilkan jika menggunakan gambar

img_thumb_height = 100; Ukuran tinggi gambar yang akan ditampilkan

img_thumb_width = 120; Ukuran lebar yang akan ditampilkan