Cara Membuat Readmore Secara Otomatis

Kemarin saya sudah membahas Cara Membuat Readmore Secara Manual . Sekarang saya akan berbagi Cara Membuat Readmore Secara Otomatis. Cara ini lebih enak dan mudah dari pada yang saya bahas kemarin secara manual. Kalau Secara Manual kita bisa repot-repot mengklik Insert Jump Break secara terus menerus selama membuat postingan. Dengan Membuat Readmore secara otomatis maka kita tidak akan repot-repot mengklik Insert Jump Break setiap kita membuat postingan. Dimana enak kan... :p Langsung aja ke caranya :

Sumber gambar: www.sudaboy.com

• Login ke akun blogger sobat
• Klik template > Edit HTML > Centang Expand Widget Template
• Cari kode </head> dan letakkan kode dibawah ini diatas kode </head>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 100;
img_thumb_width = 100;
</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 2px 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>
</b:if>
</b:if>

• Kemudian cari kode <data:post.body/> ganti kode tersebut dengan kode dibawah ini 

 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>    
<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:left'><a expr:href='data:post.url'>baca selengkapnya » <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
</b:if>

• Setelah itu klik save template dan lihat hasilnya

 Keterangan :
summary_noimg = 250;     = jumlah hurup pada saat tidak ada gambar pada postingan
summary_img = 200;         = Jumlah hurup pada saat terdapat gambar pada postingan
img_thumb_height = 100; = Tinggi Gambar (thumbnail)
img_thumb_width = 100;  = Lebar Gambar (thumbnail) 

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Cara Membuat Readmore Secara Otomatis . Anda bisa bookmark halaman ini dengan URL https://malang-cyber4rt.blogspot.com/2013/02/cara-membuat-readmore-secara-otomatis.html. Terima kasih!

Ditulis oleh: Unknown - Saturday, February 23, 2013