New Inovative Readmore (Auto Readmore)

Apakah sobat blogger sudah membaca artikelnya o-om yang berjudul "

Cara pasang Auto Read More terbaru (Part 2)" atau bahkan sudah menerapkan di dalam blog sobat..!, kalau sudah ya udah...!, Bagi yang belum, inilah informasi yang dapat saya berikan.

Menurut saya ini adalah saingan readmore otomatis yang dibuat oleh rizqi.moehamed yang saya baca pertama kalinya di Catalog-tutorial yang pernah saya posting disini.

Kelebihan, script, dan penerapan dari readmore ini silahkan anda membaca sendiri di blognya O-om.

Atau disini saya akan "copas-kan" script yang ditambahkan dan script yang diganti secara singkat saja.

Script dibaawah ini letakkan diatas tag </head>

<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>

Kemudian cari tag <data:post.body/> , kemudian ganti dengan tag dibawah ini :

<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>

Tentunya untuk proses edit HTMLnya sama seperti proses pembuatan Readmore yang lain.

Selamat mencoba dan semoga berhasil...!, kalau masih ragu saya sarankan berkunjung ke padepokan O-om.