read more

Cara Pasang Read More otomatis di Blog

Read More otomatis wah siapa yang kepengen pasang Read more otomatis di blognya... ??? Kan kalo kita pasang Read More jadi keliatannya kayak blog orang yang udah master hehehe... ^_^

Langsung aja dech...
Ikuti tata cara berikut ini :

1. Login di blogger.com
2. Pergi ke Tata Letak
3. Sesudah itu pilih Edit HTML
4. Jangan lupa centang tanda "Expand Template Widget"
5. Cara kode ini </head>
6. Kemudian Copy kode ini di tepat di atas kode tadi<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; 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>
   
         7. Kemudian cari kode ini <data:post.body/> kalau mau lebih mudah tekan Ctrl + F
         8. Ganti kode tersebut dengan kode berikut ini :
   
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
   <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
   </script>
   <span class='rmlink' style='float:right;padding-top:20px;'>
   <a expr:href='data:post.url'>&#187;&#187;&#160;&#160;read more</a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
   </b:if> 
   
         9. Yang terakhir tekan tombol Save
   
   Mudahkan.............................