Cara Membuat Readmore Otomatis, fungsi dari readmore disini ialah agar artikel yang akan di tampilkan pada halaman utama blog lebih pendek, sehingga menghemat halaman homepage.
Bila anda ingin memsang readmore ini pada blog Anda bisa lihat atau ikuti tutorial di bawah ini.
1. Login pada blog terlebih dahulu
2. Pilih Edit Html
3. Kemudian masukkan code di bawah ini, tepat diata code
</head><script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 200;
summary_img = 200;
img_thumb_height = 100;
img_thumb_width = 100;
</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>
Perhatikan code yang saya garis tebal di atas :
- mg_thumb_height =
100; merupakan tinggi thumbnail dalam piksel.
- lmg_thumb_width =
100; merupakan lebar thumbnail dalam piksel.
- summary_noimg =
200; banyaknya karakter yang ingin ditampilkan tanpa thumbnail atau gambar.
- summary_img =
200; banyaknya karakter yang ingin ditampilkan dengan thumbnail atau gambar.
4. Selanjutnya ganti code
<data:post.body/> dengan code di bawah ini
<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>
Keterangan :
Silahkan ganti tulisan READ MORE dengan kalimat Anda
5. Save Template
ADS HERE !!!