apa sih Readmore?
readmore kalau diartikan dalam bahasa Indonesia adalah baca selanjutnya. agar blog lebih ringan dan lebih indah dilihat oleh mata,maka menggunakan Readmore itu sangatlah perlu. Cara Membuat Readmore/Baca Selengkapnya sudah banyak yang menjelaskan,namun saya tetap saja akan menulis Cara Membuat Readmore Otomatis di Blogspot. hal ini bukan karena saya ikut ikutan,namun sebenarnya Cara Membuat Readmore Otomatis di Blogspot ini hanyalah arsip pribadi saja,karena tidak sedikit template yang masih belum menggunakan Readmore otomatis,sehingga saya harus cari kode readmore dulu,agar blog saya bisa readmore secara otomatis
Cara Membuat Readmore Otomatis di Blogspot
Copy Kode berikut:
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
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>
lalu Paste di bawah <head>
setelah itu Copy Kode yang berikut:
<b:if cond='data:blog.pageType == "static_page"'><br/><data:post.body/><b:else/>
<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:right;padding-top:20px;'><a expr:href='data:post.url'>read more</a></span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if>
Kode <data:post.body/> dihapus dan diganti dengan kode diatas.
Setelah itu Simpan dan lihat hasilnya.
Terus dimana letak <head> dan <data:post.body/>?
Letaknya ada di edit HTML
Untuk menemukan edit HTML silahkan anda login ke dasbor blogger anda,lalu pilih template,dan diteruskan dengan mengeklik edit HTML.
Sekian Cara Membuat Readmore Otomatis di Blogspot
