Cara buat automatik read more pada blog

Bagi sesetengah template blogger yang bukan berasal dari blogger, amat sukar untuk membuat post yang bukan full view pada bahagian halaman, ini kerana ia tidak disokong oleh blogger, jika template asal, kita dengan senang dapat mengubah full view menjadi read more. ini adalah tutorial untuk menjadikan blog kita mempunyai fungsi read more bagi template yang sudah di modified.

1. login ke dashboard blog korang-->klik design-->edit html.

2. cari kod </head> di dalam template korang, tekan Ctrl+F dan taipkan </head>

3. sila salin kod dibawah ini dan paste SEBELUM atau diatas kod </head> tadi.

<script type='text/javascript'>var thumbnail_mode = "no-float" ; 
summary_noimg = 430; 
summary_img = 340; 
img_thumb_height = 100; 
img_thumb_width = 120; 
</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>

Nota : korang boleh mengubah nilai di dalam kod iaitu :

summary_noimg = 430; Ketinggian post yang dipapar(tanpa imej)

summary_img = 340; Ketinggian post yang dipapar(jika ada imej)

img_thumb_height = 100; saiz ketinggian thumbnail bagi imej yang akan dipapar

img_thumb_width = 120; saiz kelebaran thumbnail bagi imej yang akan dipapar

4. Selepas itu, tekan Ctrl+f pada keyboard, dan lakukan carian kod ini, sila copy dan paste pada carian.

<data:post.body/

5. Sila salin kod di bawah dan paste (gantikan) dengan kod merah langkah 4 tadi.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/> 
<data:post.body/> 
<b:else/> 
<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;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span> 
</b:if> 
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> 
</b:if>

6. Klik pada preview dan jika tiada error, korang boleh klik pada save template. selesai.