Cara Membuat Readmore Otomatis di Blog

Read more atau Baca Selengkapnya pada postingan blog berfungsi untuk membuat tampilan di halaman blog menjadi minimalis sehingga terlihat rapi. Read more otomatis ini akan menyingkat tampilan artikel yang panjang. Hanya ada beberapa huruf yang akan ditampilkan di halaman depan pada blog. Berikut ini cara membuat Read more otomatis :

• Login ke blogger
• Pilih template, kemudian klik edit html
• Carilah kode </head> , untuk mempercepat pencarian gunakan CTRL+F
• Selanjutnya letakkan kode yang ada dibawah ini diatas kode </head>

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 150;

summary_img = 150;

img_thumb_height = 80;

img_thumb_width = 120;

</script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};

//]]>

</script>

• Jika sudah, cari kode <data:post.body/> kemudian ganti  dengan kode seperti dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&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:left'> <a expr:href='data:post.url'><b>Readmore</b> &#8594; <data:post.title/></a></span>

</b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

• Tulisan Readmore bisa anda ganti dengan "Baca Selengkapnya" atau sesuai dengan keinginan anda.
• Sebelum disimpan, klik pratinjau/privew terlebih dahulu
• Jika sudah berhasil, klik Simpan/Save