Dulu pernah Membuat ReadMore Otomatis kali ini pun sama Membuat Readmore Otomatis tapi ada sedikit kelebihannya, kelebihannya adalah jika anda lupa memasang gambar saat posting, script Read More Auto ini akan otomatis menyisipkan gambar di halaman depan saja. Bila ingin lebih jelas sebaiknya langsung aja anda praktekan, berikut caranya :
>> Login di Blogger
>> Rancangan
>> Edit Html
Cari kode seperti ini <body>
Copy paste kode di bawah ini dan letakkan tepat di atas kode tersebut.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 500; summary_img = 470; img_thumb_height = 125; img_thumb_width = 125; </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 = '<div class="thumbnail"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';
summ = summary_img;
}
if(img.length<1) {
imgtag = '<div class="thumbnail"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjky-ybpSQDn_itN9eYA0Q8mH7NAYs82YQ_RYCPKliNaVNSRyTqQyFQmFUx64SrwNZ74OTkxb3nhD5yvgyzL-AltDJT3ubidnPWimI5_Wbq0rNFEbYwdHD-TX9fPsO_0NfesolutBXtLpSn/s1600/ni.jpg" width="125px" height="125px"/></div>';
summ = summary_img;
}
var summary = imgtag + '<div style="padding-top:14px;padding-right:10px;">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
Kemudian anda simpan template anda. Jika sudah di simpan kemudian Centang Expand Template Widget dan cari kode yang seperti ini <data:post.body/> atau seperti ini <p><data:post.body/></p> jika sudah hapus kode tersebut dan ganti sama 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:right;padding-top:20px;'><a expr:href='data:post.url'>
Readmore
</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
Simpan dan lihat hasilnya........ Semoga bermanfaat.
0 komentar:
Posting Komentar
Terima Kasih Sudah Rela Berkunjung di Blog Agustinus.