Blog မွာ Auto Read More ထည့္ခ်င္ရင္။

၁. Blogger Account ကုိ Sign in လုပ္ပါ။
၂. Dashboard ကိုေရာက္ရင္ Design ကုိ Click ႏွိပ္ပါ။
၃. Edit Html ကုိ Click ႏွိပ္ပါ။
၄. Expand Widget Templates ဆုိတဲ႔စာေဘးက ေလးေထာင့္အကြက္ေလးမွာအမွတ္ျခစ္ေလးလုပ္ေပးလုိက္ပါ။
၅. Edit Html ကုတ္ေတြကိုျမင္ရရင္ ကီးဘုတ္မွာ Ctrl+F ကို တြဲႏွိပ္ျပီး Find Box ကို ေခၚလုိက္ပါ။
ၿပီးရင္ေအာက္က Code ကိုရွာလိုက္ပါ။

 </head>

ေတြ႕ၿပီဆိုရင္ေအာက္ Code ကိုရွာခဲ့တဲ့ Code ရဲ႕ေအာက္မွာထည့္ေပးလိုက္ပါ။

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

၆. ဆက္ၿပီးေတာ့ေအာက္က Code ကိုထပ္ရွာေပးပါ။

<data:post.body/>

     ေတြ႕ၿပီဆိုရင္ေအာက္က Code နဲ႔အစားထိုးေပးလိုက္ပါ။

<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'>Read More - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

၇. Preview နဲ႔ၾကည့္ၿပီးအဆင္ေျပရင္ Save ေပးလိုက္ပါ။

Read More ဆိုတဲ့စာသားေနရာမွာ Button Icon ပုံနဲ႔အစားထိုးခ်င္တယ္ဆိုရင္။ ေအာက္ Code ကိုရွာပါ။

Read More - <data:post.title/>

ေတြ႕ၿပီဆိုရင္ေအာက္က Code နဲ႔အစားထိုးေပးလိုက္ပါ။

<img alt='Read More' border='0' src=' Image URL'/>

Image URL ေနရာမွာ ပုံရဲ႕လင့္ထည့္ေပးရန္။
အဆင္ေျပပါေစ။

Posted in: Blog Tutorials