Cara pasang READ MORE otomatis pada template blogspot

bingung mau bikin readmore secara  otomatis.., hmm,, kali ini aku akan kasih tahu bagaimana caranya menambahkan readmore secara otomatis di blog... yup selamat mencoba..

1. Login ke akun blogger milik anda. Setelah masuk, klik bagian rancangan. Selanjutnya klik edit html.

2. Untuk berjaga-jaga, klik link download template lengkap. Ini penting untuk mengantisipasi jikalau nanti terjadi kesalahan dalam pengeditan template.

3. Lanjutkan dengan memberi centang pada kotak disamping expand template widget. Lalu cari kode </head> dan setelah ketemu tepat diatas kode </head> masukan kode berikut:

<script type='text/javascript'> var thumbnail_mode = "float" ; 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. Langkah selanjutnya, carilah kode <data:post.body/> dan bila sudah ketemu, hapus kode tersebut lalu ganti dengan kode berikut ini:

<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....</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

pada tulisan Read more.... bisa anda ganti dengan yang lain sesuai selera. Misal Baca selengkapnya atau Selanjutnya

5. Langkah terakhir, klik tombol simpan template. Selesai dan lihat hasilnya.

nah itu dia teman-teman tips dari aku .. selamat mencoba ya sobat....