Tuesday, February 3, 2015
- Masuk ke Akun Blog
- Kemudian Pilih Design - Template - Edit HTML
- Kemudian cari kode </head> untuk mempermudah tekan (Ctrl-F) untuk mencari kode tersebut
- Setelah itu masukan kode berikut diatas kode </head>
<script type='text/javascript'>
var thumbnail_mode =
"float" ;
summary_noimg = 140;
summary_img = 130;
img_thumb_height = 70;
img_thumb_width = 121;
</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 5px 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>
contoh seperti gambar
5. Setelah itu cari kembali
kode <data:post.body/>
6. Dan ganti kode tersebut
dengan kode sintaks dibawah ini
<b:if cond='data:blog.pageType !=
"item"'>
<b:if cond='data:blog.pageType !=
"static_page"'>
<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'><b>Readmore</b> →
<data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType ==
"item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType ==
"static_page"'><data:post.body/></b:if>
contoh seperti gambar
8. Setelah itu simpan Template
dan rasakan perbedaannya
Terima kasih
