Cara Membuat Auto Read More pada Blogger

Ada sesetengah blogger templet yang baru tidak ada menyediakan Auto red more,jadi akan memberi masaalah kepada para blogger yang biasa mengunakan red more.

Kepada blogger yang ingin memasang Auto red more ikutlah cara-caranya.

Pergi ke Dashbord >>Design >>Edit HTML

Jangan lupa ini

Cari kode </head> jika sudah jumpa salin kode dibawah ini.

<script type='text/javascript'>

var thumbnail_mode = "float" ;

summary_noimg = 350;

summary_img = 450;

img_thumb_height = 140;

img_thumb_width = 140;

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

Letak kode ini diatas </head>

Setelah itu cari kode ini <data:post.body/>

Salin kode dibawah ini dan gantikan kode <data:post.body/> dengannya.

<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:right'><a expr:href='data:post.url'><img src='http://i870.photobucket.com/albums/ab263/ababiel_bucket/read6.jpg

'/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Anda boleh mengantikan alamat gambar dengan alamat icon yang anda kehendaki.

Setelah selesai simpan templet.