Cara Membuat Read More Otomatis di Blogger

Bloggerkotasukabumi - Apa kabarnya sobat? kabar baik tentunya. Pada postingan sore hari ini saya akan share kembali dengan sobat semua tentang Cara Membuat Auto Read More Di Blog. Sobat yang di blognya belum dipasang read more dan berminat untuk memasangnya bisa mengikuti cara dan langkah-langkah di bawah ini :

1. Masuk ke akun blogger sobat
2. Pilih rancangan  > template > edit html
3. Carilah kode </head>  gunakan F3 untuk memudahkan pencarian.
4. Copy kode dibawah ini dan paste tepat diatas kode </head>

 <script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 250;

summary_img = 220;

img_thumb_height = 120;

img_thumb_width = 220;

</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 5px 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>

4. Kemudian cari lagi kode <data:post.body/> lalu ganti dengan kode dibawah ini, dan sobat akan menemukan lebih dari satu kode tersebut pilih atau di coba semuanya.

<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'><data:post.body/></div>

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

<span class='rmlink' style='float:left'><b>READ MORE</b> &#8594; <a expr:href='data:post.url'><data:post.title/></a></span>

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

Pada tulisan readmore sobat bisa menggantinya dengan kata-kata lainnya sesuai selera sobat.

Selamat mencoba dan semoga bermanfaat.