Cara Pasang Read More Otomatis Pada Blog

Ketemu lagi dengan saya GT. Cuman sebelumnya saya membahas hal lain, saya ingin nanya dulu sama para pengunjung blog ini. Sapa saya tiada lain hanya inigin nanya tentang kabar ente semua, dan saya harap kabar ente semua dalam keadaan baik. amiin...
Kali ini saya akan membahas masalah READMORE, sapa sih yang ngak tau aja dengan readmore? itu tuh, link untuk membuka halaman artikel secara keseluruhan. yach kalo ente pengen tau maksud yang sebenarnya, ente bisa langsung nanya ke mbah google...Dan di sini akan mengupas masalah readmore yang otomatis. makanya saya ambil judul Cara Pasang Read More Otomatis. Ok. langsung ke TKP aja...

Ikuti tata cara berikut ini :

  1. Login di blogger.com
   2. Pergi ke Tata Letak
   3. Sesudah itu pilih Edit HTML
   4. Jangan lupa centang tanda "Expand Template Widget"
   5. Cara kode ini </head>
   6. Kemudian Copy kode ini di tepat di atas kode tadi

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

   
7. Kemudian cari kode ini <data:post.body/> kalau mau lebih mudah tekan Ctrl + F
8. Ganti kode tersebut dengan kode berikut 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;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

9. Yang terakhir tekan tombol Save