Cara Buat Read More Otomatis

Hallo blogger, kali ini saya akan menjelaskan cara membuat read more automatis di blog. Read more bisa dikasih gambar sesuai keinginan loh, penasaran.. yuk simak baik baik tutorial dari saya

• 1. Anda login ke blog anda
• 2. Anda masuk ke Template > Edit HTML > Lanjutkan
• 3. Jangan lupa centang tanda Expand Widget Template
• 4. Tekan Ctrl + F lalu cari kode </head>
• 5. Setelah ketemu, masukan kode dibawah ini tepat diatas kode </head>

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

• 6. Jika sudah selesai, car lagi kode <data:post.body/>
• 7. Lalu ganti kode <data:post.body/>  dengan kode berikut

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b><img alt='Read More..' src='http://i1311.photobucket.com/albums/s678/Brigadir_Ulum/readmore_zpsfe66b20b.gif'/></b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

Sekian tutorial dari saya