MEMASANG AUTO READ MORE DI POSTING BLOG

Sampai saat ini, di saat luang, saya masih suka ngutak-ngatik blog saya, biar kelihatan keren, biar orang asyik ngelihatnya, he he. 

Saya masih ingat, pertama kali saya buat posting, saya sempat bingung. Karena isi postingnya tampil semua di halaman blog. Jadinya kepanjangan dech. Padahal sempat saya perhatikan di blog-blog yang lain tampilannya tidak seperti itu, karena postingannya suka dipotong dengan read more atau baca selengkapnya, dan seterusnya.

Lalu saya pun melakukan googling sampai akhirnya menemukan caranya.

Ternyata caranya gampang. Yang saya lakukan adalah :

• Masuk ke dashboard - rancangan - edit html - checklist expand template widget
• Mencari kode </head> (gunakan ctrl f)
• Lalu tepat di atasnya saya letakkan kode berikut : <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[
  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> 
• Mencari kode <data:post.body/> lalu menghapusnya dan menggantinya dengan kode berikut : <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'><a expr:href='data:post.url'>BACA SELENGKAPNYA - </a></span>
  </b:if>
  <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  
  
  SIMPAN TEMPLATE - SELESAI