Apa itu auto read more ??

Auto Readmore adalah sebuah perintah yang bisa memotong artikel sehingga tampilan awal pada artikel tidak begitu panjang.

Cara membuat Auto Readmore otomatis :



1. Login ke Blogger
2. Klik Edit HTML centang Expand Widget Template
3. Cari code </head>
4. Copy script berikut di atas kode </head>

<br><br><script type='text/javascript'><br><br>var thumbnail_mode = "float" ;<br><br>summary_noimg = 250;<br><br>summary_img = 250;<br><br>img_thumb_height = 120;<br><br>img_thumb_width = 120;<br><br></script><br><br><script type='text/javascript'><br><br>//<![CDATA[<br><br>/******************************************<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>********************************************/<br><br>function removeHtmlTag(strx,chop){<br><br>if(strx.indexOf("<")!=-1)<br><br>{<br><br>var s = strx.split("<");<br><br>for(var i=0;i<s.length;i++){<br><br>if(s[i].indexOf(">")!=-1){<br><br>s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br><br>}<br><br>}<br><br>strx = s.join("");<br><br>}<br><br>chop = (chop < strx.length-1) ? chop : strx.length-2;<br><br>while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br><br>strx = strx.substring(0,chop-1);<br><br>return strx+'...';<br><br>}<br><br>function createSummaryAndThumb(pID){<br><br>var div = document.getElementById(pID);<br><br>var imgtag = "";<br><br>var img = div.getElementsByTagName("img");<br><br>var summ = summary_noimg;<br><br>if(img.length>=1) {<br><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><br>summ = summary_img;<br><br>}<br><br>var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br><br>div.innerHTML = summary;<br><br>}<br><br>//]]><br><br></script><br>

langkah selanjutnya :

6. Cari kode <data:post.body/> kemudian ganti semua dengan skrip dibawah ini :


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

7. Simpan Perubahan


Keterangan:


summary_noimg = 550; : Berapa banyak karakter/huruf yang akan ditampilkan
di posting tanpa gambar.
summary_img = 350; : Berapa banyak karakter akan ditampilkan di
posting dengan gambar.
img_thumb_height = 127; : tinggi gambar
img_thumb_width = 127; : lebar gambar