Cara Membuat Read More Otomatis Di Blog

Mungkin Buat Sobat blogger tips ini sudah gx asing lagi, namun tidak ada salahnya klo IB berbagi trick ini..
karena tidak semua orang tahu dengan trick ini..
Pungsi dari Read More adalah untuk menghemat ruang di blog saat tampil di HomePage..

Ok buat sobat yang ingin menerapkan Read More otomatis silahkan ikuti langkah - langkahnya..

Pertama-tama sobat harus masuk dulu ke Blogger > Templates > Edit HTML > Beri Centang Pada > Expand Widget Templates
Kemudian Cari Kode </head> dan letakkan kode di bawah ini tepat di atas kode </head>

<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 220; img_thumb_height = 120; img_thumb_width = 220; </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>

Cari Lagi Kode <data:post.body/> bila menemukan kode <data:post.body/> lebih dari satu harap gunakan yang pertama.. kemudian ganti kode <data:post.body/> dengan kode di bawah ini

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:left'><b>Read More</b> → <a expr:href='data:post.url'><data:post.title/></a></span> </b:if></b:if> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>