Cara Membuat Auto Readmore

 Cara Membuat Auto Readmore, Dengan memasang aplikasi ini pada postingan, nantinya setiap postingan pada halaman blog anda akan muncul teks seperti gambar di atas.

Langsung aja kita praktekkan Cara Membuat Auto Readmore berikut ini:

1. Masuk ke blogger
2. Lalu pilih Layout dan klik Edit HTML
3. Cari </head>
4. Copy paste code dibawah 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[
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>


Masih di EDIT HTML cari kode :

<data:post.body/>

Kalau sudah ketemu silahkan ganti kode <data:post.body/> dengan kode dibawah 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>

5. Simpan Template.

Tolong dibaca nih gan !

Kamu sedang membaca artikel tentang Cara Membuat Auto Readmore dan kamu bisa menemukan artikel Cara Membuat Auto Readmore ini dengan url http://azuzblog.blogspot.com/2012/06/cara-membuat-auto-readmore.html, kamu boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Auto Readmore ini sangat bermanfaat bagi banyak orang, namun jangan lupa untuk meletakkan link Cara Membuat Auto Readmore sebagai sumbernya.

Artikel terkait :