Membuat ReadMore Otomatis di Blog

Selamat Malam All ! kali Ini TKJ Comunity ingin membahas Trik Blog Membuat Read More atauBaca Selengkapnya Secara Automatic dari teman-teman sekalian pasti sudah pada tau apa fungsi nya Read more pada blog jadi gak usa di jelasin ya hehehe....

Ok deh langsung saja Daripada bosan dengar Ocehan saya :D jika ingin lihat gmn hasil nya coba lihat gambar di bawah ini


Pertama Login Ke blog kamu
lalu Copy code di bawah ini di bawah code ]]></b:skin>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2012 by urangkurai (http://yudhacomunity.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>

ketiga Cari Code <data:post.body/> lalu copy code di bawah ini tepat di bawah code <data:post.body/>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>


<b:if cond='data:blog.pageType == &quot;index&quot;'>
<span class='readmore'>
<a expr:href='data:post.url'>Baca selengkap nya postingan <data:post.title/></a></span>

 Lihat Code yang Warna Hijau ganti sesuai keinginan kamu, code itu berarti Baca Selengkapnya postingan nama judul postingan (nama judul postingan sesuai judul postingan kamu)

Artikel Terkait: