cara membuat auto readmore

Cara kedua untuk membuat readmore ya meskipun sedikit-sedikit ngiliat postingan punya orang.heheheh…..^^

Fungsi readmore kali ini beda dengan fungsi readmore yang lama.fungsi readmore kali ini kita nggak harus repot denga meng-cut tulisan denga menggunakan panggilan

..

atau .. Dan fungsi readmore kali ini kita juga bias mengcut karakter sesuai keinginan kita summary_noimg = 250 dengan cara kamu mengganti berapa jumlah karakter  yg kamu ingin tampilkan…

Penting!!!! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, dengan cara menghapus semua kode yang telah dimasukkan.kalau yang belum menggunakan versi lama kita lanjutkan: 

1. Masuk ke LAYOUTS lalu  EDIT HTML, Cari kode </head> dengan cara ctrl+f kemudian letakan script. Kalo udeh, jangan lupa tw di simpan terlebih dahulu. Beri tanda centang pada "Expand widget template".

 Trus langsung copy-paste aje kode dibawah ini: tapi inget letakkan kode dibawah ini dibawah kode </head>


  <br></b></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS""><script type='text/javascript'><o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">var thumbnail_mode = "float" ;<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">summary_noimg =200;<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">summary_img = 200;<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">img_thumb_height = 120;<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">img_thumb_width = 120;<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS""></script><o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS""><script type='text/javascript'><o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">//<![CDATA[<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">/******************************************<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">Auto-readmore link script, version 2.0 (for blogspot)<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><br></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">(C)2008 by Anhvo<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><br></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">visit http://en.vietwebguide.com to get more cool hacks <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">********************************************/<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">function removeHtmlTag(strx,chop){ <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">if(strx.indexOf("<")!=-1)<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">{<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">var s = strx.split("<"); <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">for(var i=0;i<s.length;i++){ <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">if(s[i].indexOf(">")!=-1){ <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">} <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">} <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">strx = s.join(""); <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">}<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">chop = (chop < strx.length-1) ? chop : strx.length-2; <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">strx = strx.substring(0,chop-1); <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">return strx+'...'; <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">}<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><br></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">function createSummaryAndThumb(pID){<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">var div = document.getElementById(pID);<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">var imgtag = "";<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">var img = div.getElementsByTagName("img");<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">var summ = summary_noimg;<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">if(img.length>=1) { <o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">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>';<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">summ = summary_img;<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">}<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><br></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">div.innerHTML = summary;<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">}<o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS"">//]]><o:p></o:p></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><font color="#76923c" face=""Comic Sans MS""></script></font></p><p>

Masih pada halaman EDIT HTML, <data:post.body/>Kalo udeh, ganti kode <data:post.body/>dengan semua kode dibawah ini:

  </b></font></p></div><div class="MsoNormal" style="line-height: normal;"><p><b><font color="#76923c" face=""Comic Sans MS""><b:if cond='data:blog.pageType != "item"'><o:p></o:p></font></b></p></div><div class="MsoNormal" style="line-height: normal;"><p><b><font color="#76923c" face=""Comic Sans MS""><div expr:id='"summary" + data:post.id'><data:post.body/></div><o:p></o:p></font></b></p></div><div class="MsoNormal" style="line-height: normal;"><p><b><font color="#76923c" face=""Comic Sans MS""><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><o:p></o:p></font></b></p></div><div class="MsoNormal" style="line-height: normal;"><p><b><font color="#76923c" face=""Comic Sans MS""><span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span><o:p></o:p></font></b></p></div><div class="MsoNormal" style="line-height: normal;"><p><b><font color="#76923c" face=""Comic Sans MS""></b:if><o:p></o:p></font></b></p></div><div class="MsoNormal" style="line-height: normal;"><p><b><font color="#76923c" face=""Comic Sans MS""><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><br> </font></b>

 Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel) 


sumber : google