Cara Pasang Readmore Otomatis di Blog

cara memasang atau membuat read more otomatis di blog terbaru -  kali ini saya akan share tentang cara memasang atau membuat read more otomatis di blog anda yang terbaru, read more otomatis adalah sebuah serangkaian kode html yang berfungsi untuk memotong teks postingan blog anda, read more otomatis di blog terbaru sangat berguna bagi kalangan blogger untuk membuat blog mereka semakin SEO friendly, dan read more otomatis juga berguna agar postingan kita semakin pendek dan tentunya dengan hal itu postingan kita dapat masuk 5 atau bahkan lebih postingan di beranda blog anda, baiklah untuk cara memasang atau membuat read more otomatis di blog terbaru bisa anda ikuti cara berikut

cara pasang read more otomatis di blog yang terbaru :

1. masuk pada menu edit html pada blog anda, jangan lupa centang "expand widget template"

2. kemudian cari kode </head> kemudian letakkan kode di bawah ini tepat di atas kode </head>  

copy paste kode di bawah ini :

<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 280; summary_img = 250; img_thumb_height = 70; img_thumb_width = 100; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+"..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div> "+removeHtmlTag(f.innerHTML,e)+"</div> ";f.innerHTML=c}; //]]> </script> </b:if> </b:if>

3. kemudian cari kode <data:post.body/> lalu ganti kode tersebut dengan kode di bawah :

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

catatan :

summary_noimg = 280; (anda gunakan untuk mengatur berapa banyak karakter pada saat      postingan tidak memiliki gambar)
summary_img = 250; (anda gunakan untuk mengatur berapa banyak karakter pada saat postingan memiliki gambar)
img_thumb_height = 70; (anda gunakan untuk mengatur tinggi gambar)
img_thumb_width = 100; (anda gunakan untuk mengatur lebar gambar)

4. selesai....