Cara Membuat Readmore Otomatis

Membuat read more otomatis atau auto read more sangatlah mudah. Pada postingan yang dulu saya pernah ber-bagi cara membuat read more otomatis juga, tapi caranya agak berbeda dengan ini. Cara kedua ini saya posting sebagai antisipasi banyaknya jenis template blogger yang tentunya kode skripnya juga berbeda. Jika cara ini tidak bisa maka kalian dapat membaca tulisan saya yang lain.

• Masuk ke acount blogger
• Pilih Edit Html
• Ceklis  "Expand Widget Template"
• Download template terlebih dahulu, antisipasi jika terjadi kesalahan,
• Cari kode: </head> dan masukkan kode berikut tepat di bawahnya: 

<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> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

• Cari kode: <data:post.body/> atau <p><data:post.body/></p> dan ganti dengan kode di bawah 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>

• Preview atau pratinjau terlebih dahulu. Jika hasilya sempurna segera simpan.
• Selesai.

Keterangan:

Angka yang berwarna merah dapat diganti.

Summary noimg 430 = tinggi artikel terpenggal tanpa image

Summar img 430 = tinggi artikel terpenggal dengan image

Tulisan Readmore bisa anda ganti Baca Selengkapnya atau sejenisnya.