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/AVvXsEg2Irkfqw-j1eYnSiofNmQBm-YQryeTdjnw1iBsZqpEdIXw9CnCSKeWABgSJVhXvs1Cy8cByinBzxEtXZ1feMV6BVIz9MGk5P0bohJqdrYNEkasUw_1wF_XStiFV-UTNegTvgSo1Tv13Pa8/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.
Kami tidak dapat menyimpan template Anda.
BalasHapusHarap perbaiki kesalahan di bawah, dan kirimkan template Anda lagi.
Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: The element type "script" must be terminated by the matching end-tag "". gak bisa di simpan, setelah aku copy script nya... coba aja deh