Cara Membuat Readmore Pada Blog

Siapa yang tidak tahu ReadMore? Oke, mungkin sedikit sobat blogger itu tidak tahu tentang ReadMore. ReadMore adalah penggalan sebuah artikel/posting, yang mempersingkat kalimat/ isi posting di halaman homepage, contohnya 'ReadMore' 'Baca Selengkapnya' dll.
Banyak yang tidak mengerti cara pemakaian ReadMore atau cara memasang ReadMore pada Blog. Baik langsung saja kita simak berikut ini:

1.Login akun Blogger
2.Klik Template yang ada di Dashboard
3.Pilih Edit HTML
4.Cari kode </head>
5.Jika sudah ketemu, copy kode di bawah ini dan letakkan di atas kode </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, (for blogspot)
by: http://ksks-blog.blogspot.com/
********************************************/
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>

6.Save Template
7.Kemudian cari kode seperti ini

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>...</b:widget>

atau cari kode seperti gambar di bawah ini:

 8.Kalau sudah ketemu klik tanda panah kecil yang berwarna hitam disamping kode tersebut,maka setelah di klik akan muncul seperti gambar di bawah ini

(KLIK GAMBAR INI SUPAYA JELAS CARANYA)

9.Klik tanda panah kecil yang berwarna hitam di samping kode <b:includable id='post' var='post'>...</b:includable> (LIHAT GAMBAR SUPAYA JELAS)
10.Jika sudah di klik, cari kode <data:post.body/> di bawah kode <b:includable id='post' var='post'>...</b:includable>
11.Jika sudah ketemu, ganti kode <data:post.body/> dengan kode 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>

NB: -KODE <data:post.body/> ADA 2, GANTI KODE YANG KEDUA

13.Save template


Semoga bermanfaat.