 |
| Auto Read More |
Auto Read More - Pada kesempatan kali ini saya mau menjelaskan bagaimana cara membuat auto readmore, cara membuat continue reading, cara membuat baca selengkapnya atau cara membuat lanjutkan membaca pada blog, nah buat sahabat yang blognya belum memakai auto readmore silahkan lihat di bawah ini untuk caranya.
- Login Blog
- Pilih/Klik Template
- Pilih Edit HTML
- Setelah itu cari kode </head> dan letakkan kode dibawah ini di atas nya.
<!-- Auto Read More by sofian555.blogspot.com- Start -->
<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>
<!-- Auto Read More by sofian555.blogspot.com- End -->
- Setelah itu cari lagi kode <data:post.body/> lalu hapus kode tersebut dan ganti dengan kode di bawah ini.
<!-- Auto Read More by sofian555.blogspot.com- Start -->
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id' style='text-align:justify;'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='more' expr:href='data:post.url'>Read More</a>
</b:if>
</b:if>
<!-- Auto Read More by sofian555.blogspot.com- End -->
NoteBook: Jika mau mencoba html tersebut, harus mengaktifkan backup/restore terlebih dahulu.
