Membuat Read More Otomatis

Trik ini mungkin sudah banyak yang mengetahui, script yang digunakan untuk membuat read more secara otomatis yang ditempatkan di dalam script template blogspot.
Menulis postingan pada blog biasanya hanya sepenggal kata yang ditampilkan, sehingga menghemat tempat bila ingin menampilkan beberapa posting. Untuk lebih jelasnya silahkan ikuti petunjuk sebagai berikut :

Pertama, silahkan masuk ke halaman EDIT HTML, Cari kode </head> bila susah untuk mencari coba bantu dengan pencarian dengan menekan tombol ctrl + f pada keyboard. Kalo sudah ketemu masukan Script 1, di atas kode </head> masih pada halaman EDIT HTML, lalu temukan kode seperti dibawah :

<data:post.body/>

ganti kode
<data:post.body/> dengan semua kode Script 2, kemudian simpan dan silahkan lihat hasilnya.

Script 1 :



<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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 10px 5px 0px;"><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>



Script 2 :

<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>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>




Selamat mencoba

sumber : jun3th