Tutorial Auto Read More

Tutorial Auto Read More | Bagi blogger yang suka letak banyak entry dalam muka depan blog kenalah letak auto read more ni supaya lebih memudahkan blog untuk cepat loading. Kalau secara manual kita buat click 'Insert jump break' ketika menulis entry. Tapi macam leceh pulak nak kena insert setiap kali tulis entry kan. Mana tahu terlupa ke.kan..

So kita terus buat 'auto read more' lebih mudah. Hanya perlu buat sekali dan terus applikasi pada semua entry. Cara nak buat pun mudah je. Ini contoh read more yang dimaksudkan. Rujuk pada bulatan merah dalam gambar di bawah ni.

Tutorial Auto Read More untuk blogspot

<script type='text/javascript'>
var thumbnail_mode = "float" ;


summary_noimg = 450;

summary_img = 350;

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>

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<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'><span style='color:#000;font-weight:bold:font-size:20px;border-radius:5px; padding-top: 1px; padding-bottom: 1px; padding-left: 2px; padding-right: 2px; padding: 9px; background:#c7c7c7;'>Read More</span></a></span>
</b:if>
</b:if>
</div>