Jumat, 08 Februari 2013

Cara Membuat Read More


1. masuk pada menu edit html pada blog anda, jangan lupa centang "expand widget template"
2. kemudian cari kode </head> kemudian letakkan kode di bawah ini tepat di atas kode </head>  



<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>
"+removeHtmlTag(f.innerHTML,e)+"</div>
";f.innerHTML=c};
//]]>
</script>
</b:if>
</b:if>



3. kemudian cari kode <data:post.body/> lalu ganti kode tersebut dengan kode di bawah :


<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:left'><a expr:href='data:post.url'>READ MORE - 
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>


catatan :
summary_noimg = 280; (anda gunakan untuk mengatur berapa banyak karakter pada saat      postingan tidak memiliki gambar)
summary_img = 250; (anda gunakan untuk mengatur berapa banyak karakter pada saat postingan memiliki gambar)
img_thumb_height = 70; (anda gunakan untuk mengatur tinggi gambar)
img_thumb_width = 100; (anda gunakan untuk mengatur lebar gambar)

4. selesai....

Tidak ada komentar:

Posting Komentar