Auto-Readmore



tutorial



Readmore nie bgus utuk mn2 blog yg agak pjg dia punya entry..bukan pe bila kowg wte readmore..so kwn2 blogger len yg msuk xde la tertunggu kowg punya loading..ikaa pun kadag2 msuk blog kwn2 tgk punya la seksa nk waiting...so ape ag..trus arr kuar...( smbil mulut berleter )..so better kowg yg ase agk pjg entry tue..kowg guna tutorial nie ye...ikaa dlu wt gak..tapi skrg mlaz lak ase..so buag la...hihi


1. Dashboard > Design > Edit HTML > Tick Expand Widget

2. cae code nie...utk copy CTRL C..utk search CTRL F

</head>

3. bila dh jmpa..copy lak code bwh nie & paste dkt ATAS  </head>

<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>
 4. then kowg cae lak code bwh nie

<div class='post-body entry-content'>

5. dh jumpa copy code bwh nie & gantikan dgn code ats tue

<b:if cond='data:blog.pageType != &quot;item&quot;'><br/> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><br/> <span class='rmlink' style='float:right'><a expr:href='data:post.url'><img src='http://www.consumerguardian.org/images/CG_Button_ReadMore.gif'/></a></span><br/> </b:if><br/> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

6. preview dlu kalau menjadi baru save ye..:)


biru : kowg leh ganti dgn picture kowg ska k

0 Komentar untuk "Auto-Readmore"

Terima kasih untuk komen yang berharga anda, datang lagi.

 
Copyright © 2014 Bakul2011.com - All Rights Reserved
Template By. Catatan Info