Kamis, 01 Agustus 2013

on Leave a Comment

Cara Membuat Read More Otomatis atau Cara Membuat Baca Selanjutnya di Blogspot

Cara Membuat Read More Otomatis atau Cara Membuat Baca Selanjutnya di Blogspot  | Cara Membuat Readmore Otomatis,Cara Membuat Baca Selanjutnya di Blogspot
langsung saja deh,soalnya saya lagi sangat males untuk bertele,apalagi Cara Membuat Read More Otomatis atau Cara Membuat Baca Selanjutnya di Blogspot adalah Tutorial jadul.
Oke kita langsung saja membahas Cara Membuat Read More Otomatis atau Cara Membuat Baca Selanjutnya di Blogspot 

1. cari <data:post.body/> lalu ganti dengan kode ini:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><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>
2. cari </head> dan taruh kode dibawah ini dibawahnya:

<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>
3. Simpan dan Selesai deh.
gampang banget kan?
lah ia sob,wong hanya tinggal Copy dan paste saja hehehe..
Oh ia Baca juga:

0 komentar:

Posting Komentar