Cara Cepat Memasang Read More di Blogspot

Read more sangat penting untuk apa yang kita tulis di blog dan mempersingkat isi tulisan agar tidak memakan tempat yang banyak.
Sekarang ada tips membuat read more dengan cepat dan cara yang paling terbaru.

1. buka Edit HTML
2. cari kata / script seperti ini </head> atau jika tidak menemukannya dapat tekan ctrl + F untuk mencari kata tersebut jika menggunakan browser fireforks.

3. Letakkan script di bawah ini tepat di atas script </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

4. Jangan lupa di Save setelah melakukan cara di atas.

5. Tetap di Edit HTML, namun berikan tanda centang pada "Expand Widget Template"  letaknya di pojok kanan atas tempat mengedit script Edit HTML.

6. Cari Script <data:post.body/> jika tidak menemukannya bisa menggunakan ctrl + F, lalu isi dengan script yang akan di cari.

7. Ganti Script <data:post.body/> dengan Script 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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


8. Selanjutnya Save dan anda bisa menggunakan Read More, selamat mencoba.