Cara Membuat Readmore Otomatis Pada Blog

Cara Membuat Readmore Otomatis Pada Blog,- 

Readmore atau baca selengkapnya merupakan navigasi khusus untuk memudahkan pengunjung mengarah kepada artikel yang mereka inginkan. tentunya hal ini merupakan salah satu teknik SEO yang disukai Google. Karena Google sangat menginginkan sebuah website itu memiliki navigasi yang tidak menyesatkan pengunjung.
Nah, adapun untuk membuat tombol navigasi Readmore, caranya adalah :

1.  Pertama Silahkan masuk ke akun blogger anda sendiri
2. Kedua; Selanjutnya Klik "Tema" pada blogger Anda
3. Setelah itu Klik Edit HTML
4. kemudian Cari Kode </head>.

Untuk memudahkan mencari kode tersebut, silahkan tekan  CTRL+F, maka di atas edit tema akan muncul kotak pencarian. Ketik </head>
Jika sudah menemukan kode tersebut, silahkan copy kode dibawah ini kemudian letakkan tepat di atas kode </head>

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

Setelah selesai mempastekan kode di atas, langkah Selanjutnya yaitu cari kode <data:post.body/>  biasanya letaknya ada di kode nomor 1600-an diantara <b:includable id='post' var='post'>...</b:includable> , hapus kode tersebut dan gantikan 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'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'> <a expr:href='data:post.url'><b>Readmore</b> &#8594; <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>

Ganti tulisan  Readmore dengan yang kamu inginkan, misalnya seperti menjadi "Selengkapnya..."
langkah terakhir adalah Simpan Template kemudian lihat blog.

S E L E S A I . . .