Pages

Thursday, February 24, 2011

Browse: Home / Cara Memasang Readmore Automatis Di Blogger

Cara Memasang Readmore Automatis Di Blogger

Cara Pasang Readmore Automatis

Cara pasang Readmore automatis kali ini cukup canggih lagi.karena fungsi kalimat posting bekerja secara automastis tanpa harus memasukan code..dibawah cara memasang redmore automatis di blogger









Tips - tips Cara Pasang Readmore Automatis

1. Login Akun Blooger anda.
2. Pilih Tata Letak (layout) > edit HTML
3.Beri Tanda Centang Pada tulisan Expand Widget Templates
4. Cari kode </head> kemudian Copy paste Script di bawah ini di atas </head> 




rel="colorSchemeMapping">
<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>

5. Cari Kode ini <data:post.body/> kalau sudah ketemu kode <data:post.body/> hapus, ganti 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>






6. Save Template

0 comments:

Post a Comment

Powered by Blogger.