ඔබේ ලිපි වලට Read More බොත්තම ලබා දීම ( ලස්සනයි වැඩේ )

මේක නම් ඇත්තටම ලස්සන වැඩක්. මේකෙන් අපේ මුල් පි‍ටුවේ තියෙන ලිපි කෙටි වෙලා Read More බොත්තම වැටෙනවා. මට නම් මාර විදියට හිතට ඇල්ලුවා මේක. මේකෙන් බ්ලොග් එකේ ඉඩත් ඉතුරු වෙනවා. අනික අපේ ලිපි කාණ්ඩයකට ගියාම මේ විදියටම ලිපි කෙටි වෙලා Read More බොත්තම වැටෙනවා. ලිපි කෙටි වීම අපිට ඕනි විදියට හරිගස්සන්න පුළුවන්. ඉතින් මං කියලා දෙන්නම් මේක කරන විදිය.

මුලින්ම බ්ලොගේට Log වෙන්නකෝ. Design ඊට පස්සේ ගිහින් Edit HTML ගන්න. ඊට පස්සේ Expand Widget Templates ගන්න. හැමදේම කරගන්න කලින් ඔයාගේ Template එක Download කරගන්න අමතක කරන්න එපා. දැන් Key Board එකේ ctrl බොත්තම සමග F Press කරන්න. </head> කියන කොටස හොයාගන්න. දැන් ඊට ඉහලින් මේ Code ටික Paste කරන්න. ඒ කිව්වෙ </head> කොටස මේ Code එකට පහලින් තියෙන විදියට.

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

දැන් මෙන්න <data:post.body/> මේ Code එක හොයාගන්න. දැන් මේ Code එක ඉවත් කරලා, එතනටම මේ Code ටික Paste කරන්න. Replace කරන්න.

<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'><img src='http://i37.tinypic.com/351icqx.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

දැන් http://i37.tinypic.com/351icqx.jpg වෙනුවට ඔබේ Image URL එක ලබා දෙන්න. නැත්තම් පහල එකකින් කැමති එකක් ලබා දෙන්න. නැත්තම් ඔබ කැමති Image එකක් හදාගන්න පුළුවන්. හදාගෙන Photobucket වලට Upload කරලා, ඒ URL එක http://i37.tinypic.com/351icqx.jpg වෙනුවට ලබදෙන්න.

http://i643.photobucket.com/albums/uu153/nirav07/black-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/black.png
http://i643.photobucket.com/albums/uu153/nirav07/black1.gif
http://i643.photobucket.com/albums/uu153/nirav07/blue-dark.gif
http://i643.photobucket.com/albums/uu153/nirav07/blue-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/blue.png
http://i643.photobucket.com/albums/uu153/nirav07/blue1.gif
http://i643.photobucket.com/albums/uu153/nirav07/bluish.png
http://i643.photobucket.com/albums/uu153/nirav07/brown.gif
http://i643.photobucket.com/albums/uu153/nirav07/dark-bluish.png
http://i643.photobucket.com/albums/uu153/nirav07/dark-grey.gif
http://i643.photobucket.com/albums/uu153/nirav07/dark-orange.gif
http://i643.photobucket.com/albums/uu153/nirav07/dark-purple.gif
http://i643.photobucket.com/albums/uu153/nirav07/green.png
http://i643.photobucket.com/albums/uu153/nirav07/green1.gif
http://i643.photobucket.com/albums/uu153/nirav07/greenish.png
http://i643.photobucket.com/albums/uu153/nirav07/grey-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/grey.png
http://i643.photobucket.com/albums/uu153/nirav07/grey1.gif
http://i643.photobucket.com/albums/uu153/nirav07/light-blue.png
http://i643.photobucket.com/albums/uu153/nirav07/light-orange.gif
http://i643.photobucket.com/albums/uu153/nirav07/orange.png
http://i643.photobucket.com/albums/uu153/nirav07/original.gif
http://i643.photobucket.com/albums/uu153/nirav07/pink.png
http://i643.photobucket.com/albums/uu153/nirav07/purple-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/purple.png
http://i643.photobucket.com/albums/uu153/nirav07/purple1.gif
http://i643.photobucket.com/albums/uu153/nirav07/red-dark.gif
http://i643.photobucket.com/albums/uu153/nirav07/red-1.gif
http://i643.photobucket.com/albums/uu153/nirav07/red.png
http://i643.photobucket.com/albums/uu153/nirav07/red1.gif



ලිපි කෙටි වීම අඩු වැඩි කරන්න ඕනි නම් මෙහි වෙනස්කම් කරගන්න.

summary_noimg = 430;

summary_img = 340;

මේ තියෙන්නේ ශාන්ගේ අඩවිය මං දාගත්ත විදිය. එහෙනම් දාලා බලන්නකෝ. හොදයි නම් ප්‍රතිචාර දක්වන්නකෝ..