Cara Membuat Readmore Otomatis

Sebenarnya sudah banyak postingan yang membahas bagaimana membuat readmore otomatis di blogspot. Itung-itung untuk memperbanyak postingan di blog ini dan juga meramaikan hasil pencarian di Google, maka penulis sengaja untuk melakukan posting tutorial cara membuat readmore otomatis ini

1. Pertama login dahulu ke akun Facebook Blogger anda. 

2. Selanjutnya masuk ke dalam menu edit html. 

3. Centang tulisan Expand Widget Templates.

4. Kemudian letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 310; img_thumb_height = 100; img_thumb_width = 140; </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>

5. Selanjutnya, ganti kode <data:post.body/> dengan kode di bawah ini: 

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id' style='text-align:justify;'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<div class='readmorecontent' style='float:right'><a expr:href='data:post.url'>Read more &#187;</a></div></b:if>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

6. Terakhir Simpan Template

Keterangan :

430 = jumlah karakter yang ditampilkan jika tanpa gambar

310 = jumlah karakter yang ditampilkan dengan gambar

100 dan 140 = besar kecilnya gambar

Sesuaikan dengan template blog anda agar serasi

Related Post :