Cara Memasang Auto Readmore Blogspot

Dengan autoread more halaman home blog kita akan terlihat rapi dan menarik,karena hanya terlihat potongan depan posting artikel kita pada home page blog kita,sehingga mempercepat loading blog kita karena halaman home page tidak meload posting artikel kita seluruhnya.Auto readmore berfungsi untuk memperpendek text posting artikel pada halaman homepage blog kita.

Berikut ini cara memasang auto readmore pada blogspot:

Login ke akun blogger kalian>lalu klik>rancangan,kemudian klik>edit html,jangan lupa centang<widget>

cari kode berikut </head>.(pakai ctrl+f)

bila sudah ketemu copy code di bawah ini tepat di atas kode </head>.


    <!-- Auto read more script Start -->

    <script type='text/javascript'>

    var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail

    summary_noimg = 430; //summary length when no image

    summary_img = 340; //summary length when with image

    img_thumb_height = 200;

    img_thumb_width = 200;

    </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(thumbnail_mode == "yes") {

    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>

    <!-- Auto read more script End -->


Langkah berikutnya cari kode  <data:post.body/>.

jika sudah ketemu hapus dan ganti dengan kode dibawah ini:


        <!-- Auto read more Start -->

        <!-- http://www.BloggerSentral.com -->

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <data:post.body/>

        <b:else/>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <data:post.body/>

        <b:else/>

        <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>

        <a class='more' expr:href='data:post.url'>Read more ...</a>

        </b:if>

        </b:if>

        <!-- Auto read more End -->


Selesai jangan lupa save template nya.
Semoga bermanfaat.