Adapun langkah-langkah Cara Pasang Readmore Otomatis di Blogspot adalah sebagai berikut:
   1. Login ke Account Blogger Anda;
   2. Masuk ke halaman Edit HTML, lalu diatas kode </head> letakkan script di bawah ini:
      <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>

   3. Cari dan ganti kode <data:post.body/> dengan semua kode dibawah ini:
   
<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:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

4. Simpan/Save Template.

Catatan :  Biasanya kode: <data:post.body/> berada di bawah kode: <div class='post-body'>, maka untuk memudahkan pencarian kode tersebut gunakan tombol Find seperti penjelasan di atas.

Related Posts:

  • Cara Pasang Readmore Otomatis BlogspotAdapun langkah-langkah Cara Pasang Readmore Otomatis di Blogspot adalah sebagai berikut:    1. Login ke Account Blogger Anda;    2. Masuk ke halaman Edit HTML, lalu diatas kode </head> letakkan scrip… Read More
  • Cara Menghapus Langgan: Entri (Atom)1. Login ke Blogspot 2. Klik Rancangan/Design --> pilih Edit HTML, beri ih centang pada kotak Expand Template Widget dan gunakan tombol Find untuk memudahkan pencarian kode; 3.  Cari kode di bawah ini:   &n… Read More
  • Cara Setting Blog Menjadi DofollowNofollow artinya link yang anda masukkan pada saat anda memberikan komentar disebuah blog tidak akan ditelusuri lebih lanjut oleh mesin pencari dalam artian anda tidak akan mendapatkan backlink dari blog tersebut, sementara k… Read More
  • Hide Navigation Bar BlogspotNavigation Bar is fasility of blogger.com. But many blogger want to hide this navbar because it will make their blog layout look better without a box (navbar) above it. The Question "is this break TOS (Term Of Service) of blo… Read More
  • How To Make Template Blogspot Valid With Validator.w3.orgLogin with your blogger account first, follow this step : Step 1 First time you must edit the DOCTYPE for get the better HTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML  1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/D… Read More

0 komentar:

Post a Comment