Membuat Auto Read More

Membuat Auto Read More, hari ini kita coba bahas bagaimana membuat readmore di kolom artikel yang kita buat. ada dua cara untuk membuat READMORE di artikel kita.

1. Readmore secara manual, Secara manual kita dapat membuatnya dengan cara memenggal tulisan artike kita pada saat kita melakukan postingan artikel yang baru, anda dapat melihat icon Insert Jump Break pada header tempat anda menulis posting. cara manual ini saya rasa cukup  mudah dilakukan
2. ReadMore secara automatic, Hari ini kita akan coba bahas lebih spesifik bagaimana cara membuat readmore secara auto.

ok, ini kode yang akan kita gunakan :


<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </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>

dimana kita letakkan kode tersebut ?

cari kode  </head> kemudian masukkan script di bawah ini di bawah kode tersebut.

kemudian lanjutkan dengan mencari

<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 

akhirnya selesai juga, jangan lupa disimpan kalau anda sudah selesai