Cara membuat READ MORE otomatis

bagi sobat yang baru belajar blogging pasting ingin kan membuat tampilan blog sobat menjadi menarik seperti membuat READ MORE .ok langsung saja pada posting kali ini saya akan membagikan tips tersebut buat para sobat blogger.
dan bila sobat blogger berminat untuk membuat READ MORE silakan ikuti langkah-langkah di bawah ini..
.
1.loginlah ke blogger menggunakan id sobat
2.kemudian klik RANCANGAN atau DESIGN
3.klik tab EDIT HTML

4.tapi sebelum edit html saya sarankan untuk mendownload template sobat untuk mem back up sobat agar aman jika terjadi kesalahan sobat dapat mengupload kembali template tersebut.
5.klik "Expand Widget Templates" saya sarankan sobat untuk tidak melupakan hal ini

6.kemudian cari kode yang sama dengan ini </head> 
   atau mirip lah. dengan menekan tombol ctrl f pada keyboard
7.masukkan kode di bawah sebelum kode</head> 

    <script type='text/javascript'>
summary_noimg = 450;
summary_img = 280;
img_thumb_height = 200;
img_thumb_width = 200;
</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>

8.lalu cari kode yang sama atau mirip dengan kode di bawah ini

   <data:post.body/>

9.kemudian ganti kode di atas dengan kode di bawah 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:right'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh25ku1jV2Poo8DbkbEvjpkTUitmZSKtm97CAHGUjnZntH4g0_kdPbBOLPrh-OETt2hvayHQSuPZXsKgbcmEXnKoNbB2UuyfaX7i2a8S7zmYI34zWg4CS4lahKr4TuQdTLacwjz2YKu3Xs/' style='border-style:none;'/></a></span></b:if>

10.kemudian simpan template sobat...!!!!











sekian semoga bermanfaat jika ada yang tidak di mengerti jangan lupa untuk berkomentar di bawah....!!!!

Related Posts by Categories