Cara membuat auto readmore (baca selengkapnya) di Blog
0
Komentar
- Login pada blog
- Pastikan membackup blog terlebih dahulu
- Masuk pada menu Template >> Edit HTML >> Lanjutkan
- Centang 'Expand Template Widget'
- Cari kode </head> dan copy dan letakkan kode berikut ini tepat diatas 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 = 250;
summary_img = 200;
img_thumb_height = 100;
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> - Kemudian cari kode <data:post.body/>, kemudian ganti dengan kode<data:post.body/> dengan kode berikut ini :
<b:if cond='data:blog.pageType == "static_page"'>
Penting : dalam sebuah blog kemungkinan memiliki lebih dari 1 kode<data:post.body/> silahkan coba ganti kode tersebut dengan kode diatas dan lakukan pratinjau sebelum template disave.
<data:post.body/>
<b:else/>
<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'>baca selengkapnya » <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
</b:if> - Langka terakhir ubah :
summary_noimg = 250; = jumlah hurup pada saat tidak ada gambar pada postingan
summary_img = 200; = Jumlah hurup pada saat terdapat gambar pada postingan
img_thumb_height = 100; = Tinggi Gambar (thumbnail)
img_thumb_width = 100; = Lebar Gambar (thumbnail)
Ubah sesuai dengan keinginan.
Baca Selengkapnya ....
