0 Membuat Auto Read More Pada Blogger V2

Membuat Read More Seperti Gambar Di Atas , Tanpa Entri Lengkap (Hanya Sebagian Saja Yang Tampil)

1). Buka Blogger
2). Template >> Edit HTML >> Centang Expand Template Widget
3). Cari Kode </head> Agar Mudah CTRL+F
4). Masukan Kode Di bawah Ini Di Atas Kode </head>

<!-- Auto read more script -http://Sopyan-7.blogspot.com- Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430; 
summary_img = 340; 
img_thumb_height = 150;
img_thumb_width = 150;
</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 -http://Sopyan-7.blogspot.com- End -->

5). Cari Kode <data:post.body/> Ganti Dengan:

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

6). Simpan / Pratonton

Keterangan :
READ MORE : boleh diganti sesuai dengan selera anda 
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bole diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bole diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bole diganti sesuai selera
img_thumb_width = 120; adalah ukuran lebar thumbnail, bole diganti sesuai selera 

Anda sedang membaca artikel tentang Membuat Auto Read More Pada Blogger V2 dan anda bisa menemukan artikel Membuat Auto Read More Pada Blogger V2 ini dengan url https://doyshinja.blogspot.com/2013/02/membuat-auto-read-more-pada-blogger-v2.html ,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Auto Read More Pada Blogger V2 ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Membuat Auto Read More Pada Blogger V2 sumbernya.