Pages

welcome to my condition... saye dyla..tuan punye rumah...note: i'm using broken english in this blog...yup'' no doubt.. ouhh yeahh..hahaha''''..

Monday, November 14, 2011

Read More button

STEP 1

Dashboard >> Design >> Edit HTML >> Expand widget template.

note: please backup u all punye template before start this tutorial. Nanti jangan salah kan dyla kalau tak jadi, tak dapatden nak nolong ekau'' hihi :P

STEP2
Cari code </head>


STEP3
 Copy & paste code dibawah sebelum </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>






STEP4
 Cari code



STEP5
  Copy & gantikan code <data:post.body/> dengan code dibawah >>






<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='URL BUTTON READ MORE ANDA'/></a></span>




</b:if>



<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>






korang gantikan url button read more dgn url pic read more button korang
click preview pastu save template
 
''dah siap''

gud luck ♥ ^^

No comments: