new bloglist
new home new bloglist new bloglist

31 Ogos, 2010

Home » » button READMORE atau BACA SELANJUTNYA..

button READMORE atau BACA SELANJUTNYA..

ada seseorang yang aku tak kenal tanya kat formspring aku..dia mintak aku ajarkan cara buat readmore macam kat blog aku ni..huhu..
maaf la, aku buat seorang tutor yang bagus..tapi aku akan cuba untuk ajar insan tersebut..

step 1
first of all, sila log in blog- dashboard- design/layout- edit html, jangan lupan klik pada kotak expand widget templates..

step 2
tekan ctrl+f taip </head> pada ruang find dan tekan enter

step 3
copy code bawah ni..kemudian paste di atas atau sebelum code </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>


step 4
tekan ctrl+f dan taip <data:post.body/> kemudian enter..

step 5
copy code bawah ni..dan gantikan code <data:post.body/> dgn code yg telah di copy..







<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'><img src='http://1.bp.blogspot.com/_LZtXSNcp76A/SxuOVTvCKgI/AAAAAAAAAr8/rFJNAYKSomY/s320/read+more_thumb%5B1%5D.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



code 'http://1.bp.blogspot.com/_LZtXSNcp76A/SxuOVTvCKgI/AAAAAAAAAr8/rFJNAYKSomY/s320/read+more_thumb%5B1%5D.png' boleh ditukar kepada url readmore yang lain..kemudian save template..

selamat mencuba!