Cara Membuat Read More di Blog

Hallo sobat blogger kali ini ane akan shar tentang bagaimana membuat Read More di blog kita. Ini bertujuan untuk menyingkat / merapihkan tampilan postingan kita agar tidak terlihat terlalu panjang. Oke langsung aja ikuti langkah - langkah dibawah ini :

• Login dulu ke blogger sobat
• Pilih 'Template'
• Kemudian klik 'Edit HTML' tetapi sebelumnya biar aman back-up dulu template sobat sewaktu terjadi kesalahan, kalau yang masih belum tau cara memback-up template lihat disini
• Centang 'Expand Template Widget'
• Kemudian cari kode </head> supaya cepat gunakan Ctrl+F
• Copy kode dibawah ini lalu paste diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

=>> Keterangan: angka - angka 430, 340, 100, 120 bisa kita ganti seseuai dengan selera <<=

 

• Kemudian cari kode <data:post.body/> supaya cepat gunakan Ctrl+F
• Lalu ganti kode <data:post.body/> 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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

=>> Keterangan: tulisan READMORE.... bisa kita ganti sesuai dengan selera, kalau diblog ane, ane ganti dengan Baca Selengkapnya..... <<=
Apabila sobat menemukan kode <data:post.body/> lebih dari satu maka sobat harus menggantinya satu persatu sampai berhasil.

•  Langkah terakhir 'simpan template' sobat atau pratinjau dahulu untuk melihatnya

Selamat mencoba semoga berhasil ;-D