cara membuat auto read more di blog

Auto readmore pada sebagian template bawaan blogspot biasanya masih belum tersedia. Untuk perlu sekali bagi para blogger mania mengetahui beberapa kode script dasar agar bisa optimal dalam nge-blog-nya. Tapi tidak semuanya suka dengan auto readmore ini, yah mungkin karena beberapa alasan. Tapi saya lihat kebanyakan para master-master memakai auto readmore mungkin karena efisien dan ngirit tempat, he he he. Oke langsung saja kita ke TKP

1.  Pertama loginlah ke akun blog anda

2.  Masuk ke rancangan >> edit HTML >> lanjutkan >> jangan lupa centang expand widget

3.  Tekan CTRL + F lalu cari kode berikut  </head>

4.  Jika sudah ketemu Copi paste-kan kode di bawah ini tepat di atas </head>

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


5.  Lalu cari kode berikut <data:post.body/>

6.  Ganti kode nomer 5 dengan kode di bawah ini


<b:if cond='data:blog.pageType != "item"'><br /> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <br /> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /> <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span><br /> </b:if><br /> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

7. Terakhir save change dan lihat hasilnya. 
Selamat mencoba.... Jika ada kesulitan silahkan comment