Membuat AutoReadmore

Lewat postingan ini Compsg ingin memberikan informasi seputar blogging, informasi ini mungkin cukup bermanfaat karena disini Compsg akan memberikan informasi tentang AutoReadmore, mungkin sobat sekalian ada yang tahu dan belum, nah bagi yang belum tau boleh baca postingan ini sampai selesai dan yang sudah boleh juga membaca ataupun mencari postingan lain di Blog ini, sebagai tambahan AutoReadmore ini dapat menampilkan gambar pertama di postingan kita, berikut langkah-langkah membuat AutoReadmore di Blogspot,

1. Masuk halaman Edit HTML
2. Cari kode  copy kode dibawah ini dan letakkan di bawah kode 

<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>

  3. Simpan template, kemudian klik "Expand widget template" cari kode 
  4. Ganti  dengan kode dibawah ini


  5. Simpan template. Selesai