Auto Readmore dengan No Image

Kali ini gue mau share trick tentang Cara Bikin "Auto Readmore dengan No Image" .
ini request dari sahabat saya yg sama2 blogger tentunya (masa sesama tukang ikan), baiklah dari ngomongin ikan mending langsung saja gue kasih tricknya :v

SS with image :

SS no image :

nah,sudah liat SSnya?? kalo sudah,kita langsung ke prakteknya saja :v

• Cari kode </head>
• Setelah ketemu kode pada nomor 1, letakkan kode berikut diatas/sebelum kode nomor 1

<script type='text/javascript'>
 // ganti angka dibawah untuk mengatur jumlah karakter
 summary_noimg = 350;
 summary_img = 280;
 // ganti angka dibawah untuk merubah ukuran thumbnail
 img_thumb_height = 100;
 img_thumb_width = 100;
 // ganti dengan gambar sesuai selera anda
 img_thumb_nosrc = "http://4.bp.blogspot.com/-zxPckZmJOK0/T_z_K1Tmd8I/AAAAAAAAApw/G2A5cq2Rj88/s77/noImageAvailable.jpg";
</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;
  // this block of code is used to add default thumbnail to post without images
  if(img.length<=1) {
   imgtag = '<div style="clear:both; margin:0 10px 10px 0px;float:left;"><img src="'+img_thumb_nosrc+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';
   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>

• Cari kode <data:post.body/> dan ganti dengan kode dibawah ini

<b:if cond='data:blog.pageType != "static_page"'>
 <b:if cond='data:blog.pageType != "item"'>
  <div expr:id='"summary" + data:post.id'><data:post.body/></div>
  <script type='text/javascript'>
   createSummaryAndThumb("summary<data:post.id/>");
  </script>
  <span class='rmlink' style='float:right;margin-top:10px'>
   <a expr:href='data:post.url'>
   </a>
  </span>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if> 

Note: Jika kalian telah memakai Auto Readmore sebelumnya,Kalian harus menghapus dahulu Auto Readmore kalian yang lama.


Sumber : altecdz

Backlinks Please Thanks

URL

Code For Forum

HTML Code <a href='http://dedisinaga123.blogspot.com/2013/05/auto-readmore-dengan-no-image.html' target='_blank'>Auto Readmore dengan No Image</a>

Anda Sekarang Sedang Baca Artikel Tentang Auto Readmore dengan No Image , Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Auto Readmore dengan No Image ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Link Auto Readmore dengan No Image Sumbernya. Thank's