بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Masih di menu "Edit HTML", jangan lupa centang "Expand widget Template", cari kode </head> letakan script dibawah ini di atas kode </head>:
<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[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>
Kemudian cari kode seperti ini: <data:post.body/>
Ganti kode <data:post.body/> dengan kode berikut:
<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 == "item"'><data:post.body/></b:if>
Tulisan READ MORE dapat diganti dengan kata lain sesuai keinginan Anda.
Simpan/save template, lihat hasilnya.
Keterangan:
var thumbnail_mode = "float"; (Letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan no-float.
summary_noimg = 250; (Jumlah karakter yang akan tampil di posting tanpa gambar / thumbnail)
summary_img = 250; (Jumlah karakter yang akan tampil di posting dengan gambar / thumbnail)
img_thumb_height = 120; (tinggi Thumbnail dalam piksel)
img_thumb_width = 120; (lebar Thumbnail dalam piksel).
Terima kasih telah membaca artikel tentang Membuat auto read more pada blogger dengan URL : https://arnol-btm.blogspot.com/2011/11/membuat-auto-read-more-pada-blogger.html Anda boleh menyebarluaskan atau mengcopy artikel Membuat auto read more pada blogger ini, namun jangan lupa mencantumkan link sumbernya.
Saya Arnol Puhzar Mahendra,dari Kota Batam,Terimakasih sudah berkunjung ke blog sederhana saya ini,selalu kunjungi blog ini,saya mengharapkan komentar dan jangan lupa difollow dan dishare agar kedepannya blog ini semakin berkualitas dalam membuat postingan
Silahkan berkomentar dengan kata yang sopan dan bijak,anda sopan kamipun segan... ConversionConversion EmoticonEmoticon