Membuat Auto Read More Dengan Javascript

Woe ternyata JavaScript ini Populer juga ya banyak sekali hal yang dapat dilakukannya salah satunya Membuat auto reload .. Karena JavaScript bisa kenapa kalian juga tidak bisa mempraktekannya., hahaha
Ok langsung saja nih aku kasih Tutorial nya :
Beri tanda pada Expand Widget Templates
Masukan kode Javascript ini dibawah ]]></b:skin> :
<script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 260; summary_img = 250; img_thumb_height = 65; img_thumb_width = 80; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px; margin-right:7px; background-color: #fff;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> summary_noimg = 260; >>> jumlah huruf yang akan tampil dipostingan tanpa gambar
summary_img = 250; >>> jumlah huruf yang akan tampil postingan bergambar
img_thumb_height = 65; >>> tinggi gambar
img_thumb_width = 80; >>> lebar gambar

Cari kode <data:post.body/> ganti dengan :
<b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <b:else/> <data:post.body/> </b:if> Preview, kalau jadi Save Template