Pasang Readmore Otomatis Blogger

Dari judul diatas pasti anda tahu kan maksud dari readmore otomatis ini. Jadi dengan readmore otomatis ini, anda tidak perlu susah-susah untuk memasang tempat anda meletakan readmore. Karena readmore sudah diatur secara otomatis. readmore otomatis ini pun mendukung image thumbnail dan dapat secara otomatis mengubah ukuran gambar yang awalnya berukuran sangat besar sehingga memboroskan dengan sesuai yang kita inginkan sehingga pada artikel blog anda akan terlihat lebih rapi. anda tidak usah susah-susah lagi untuk meletakan tempat pemotongan readmorenya karena readmore akan mengatur seberapa banyak hurufv yang ditampilkan pada artikel yang di readmore. Jadi ucapkan selamat tinggal untuk Readmore karena anda sekarang tidak usah lagi memikirkan yang namanya Readmore ataupun fasilitas Insert Jump Break pada blog.
Sebelum anda mempraktekan tata cara pemasangan readmore otomatis ini, pastikanlah bahwa blog anda belum memasang readmore atau bagi yang terlanjur memasang readmore dan ingin menghapusnya terlebih dahulu ikuti cara-cara dibawah ini.

Menghapus Readmore Lama:
Dasbor - Tata Letak - Edit HTM lalu contreng kotak Expand Template Widget dan cari kode-kode dibawah ini...

<div class='post-header-line-1'/> <div class='post-body'> <b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a expr:href='data:post.url'>Readmore</a> </b:if> <div style='clear: both;'/> 

Hapus kata-kata yang ditandai dengan berwarna merah di blogmu lalu simpan....

Langkah untuk membuat dan memasang Readmore Otomatis :

1. Copy-Paste kode dibawah ini  dan letakan tapat diatas kode  <script type='text/javascript'>
   var thumbnail_mode = "float" ;
   summary_noimg = 250;
   summary_img = 250;
   img_thumb_height = 120;
   img_thumb_width = 120;
   </script>
   
   
   <script type='text/javascript'>
   //<![CDATA[
   /******************************************
   Auto-readmore link script, version 2.0 (for blogspot)
   
   (C)2008 by Anhvo
   
   visit http://en.vietwebguide.com to get more cool hacks
   ********************************************/
   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>
2. Conteng kotak Expand Template Widget dan kemudian cari kode <data:post.body/> kemudian ganti dengan kode dibawah ini... 

Kitapun bisa mengubah beberapa pengaturan readmore sesuai dengan apa yang dinginkan. Bebrapa kode yang bisa kita ubah diantaranya:

• Readmore 
• var thumbnail_mode = "float";   
• summary_noimg = 250;  
• summary_img = 250; 
• img_thumb_height = 120;   
• img_thumb_width = 120;