Cara Membuat Baca selengkapnya / Read more / Continue Reading secara otomatis di Blogger

 Cara membuat READ MORE atau Baca selengkapnya pada artikel di blog yaitu dengan langkah-langkah berikut ini:

1. Masuk ke akun Blogger.com > Template > Edit HTML. Seperti gambar berikut :

 

 

 

2. Cari code </head>. Biar mudah, klik kursor pada kotak HTML, kemudian tekan CTRL + F lalu masukkan code </head> dan tekan Enter. Begini caranya :

 

 

 

3. Copy code di bawah ini dan pastekan di atas code </head> yang kalian temukan tadi.

 

<!-- Auto Read More Body Script Start by bloggertool-ayiedadev.blogspot.com -->
<script type='text/javascript'>
no_thumb_sum = 300;
thumb_sum = 200;
thumb_h = 220;
thumb_w = 300;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(t,e){if(-1!=t.indexOf("<")){for(var n=t.split("<"),i=0;i<n.length;i++)-1!=n[i].indexOf(">")&&(n[i]=n[i].substring(n[i].indexOf(">")+1,n[i].length));t=n.join("")}for(e=e<t.length-1?e:t.length-2;" "!=t.charAt(e-1)&&-1!=t.indexOf(" ",e);)e++;return t=t.substring(0,e-1),t+"..."}function createSummaryAndThumb(t,e,n){var i=document.getElementById(t),m="",r=i.getElementsByTagName("img"),s=no_thumb_sum;r.length>=1&&(m='<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+e+'" title="'+n+'"><img src="'+r[0].src+'" width="'+thumb_w+'px" height="'+thumb_h+'px" /></a></span>',s=thumb_sum);var g=m+"<div>"+removeHtmlTag(i.innerHTML,s)+"</div>";i.innerHTML=g}
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post-footer {display: none;}
.jump-link  {float: right; }
.jump-link a {text-decoration: none; }
</style>
</b:if>
</b:if>
<!-- Auto Read More Body Script End by bloggertool-ayiedadev.blogspot.com-->

 

4. Kemudian cari code <data:post.body/> Biar mudah, klik kursor pada kotak HTML, kemudian tekan CTRL + F lalu masukkan code <data:post.body/> dan Tekan Enter 2x (biasanya ada 2-3 code yg sama) pilih code yang kedua. Ganti code <data:post.body/> dengan code di bawah ini :

 

<!-- Auto Read More Body Start by bloggertool-ayiedadev.blogspot.com -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;index&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;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<span class='jump-link' style='float:right;'><a expr:href='data:post.url' expr:title='data:post.title'>Baca Selengkapnya..</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>
<div style='clear: both;'/> <!-- clear for photos floats -->
<!-- Auto Read More in Body End by bloggertool-ayiedadev.blogspot.com -->

 

Ganti code warna merah dengan Bahasa yang kalian suka misalnya: Read More, Continue Reading.. 

Atau kalian bisa menggunakan gambar dengan cara menambahkan URL Gambar Readmore yang kalian suka.

 

5. Klik Pratinjau Template dulu. Jika hasilnya sudah benar. Baru klik Simpan..

Semoga bermanfaat.