Read more
bisa menjadi nilai tambah pada suatu blog, ini dikarenakan Read more mempunyai beberapa
kelebihan diantaranya membuat tampilan blog lebih elegan, membuat
penasaran para pembaca, dan menghemat tempat pada blog
Saat ini
sudah banyak tersedia template-template berplatform blogger yang sudah
menyediakan auto read more. Namun bagi anda yang templatenya masih belum
terdapat auto read morenya dan ingin membuat readmore, kali ini saya akan
memberikan cara mudah membuat auto read more.
Bagaimana caranya??? caranya sangatlah mudah,
ikutilah langkah-langkah dibawah ini :- Pilih rancangan > edit HTML > ceklis expand template widget.
- Cari kode </head> dengan cara menekan tombol F3 pada keyboard.
- Copy paste kan kode dibawah ini tepat diatas kode </head><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> - Cari kode <data:post.body/> kemudian ganti dengan kode-kode dibawah ini!<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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'><b>Selengkapnya</b> → <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if> - Tulisan selengkapnya bisa anda ganti sesuka hati, misalnya dengan "baca selengkapnya" atau "read more" atau tulisan-tulisan lainya sesuai selera anda.
Oh
ya jangan lupa Klik dulu PRATINJAU sebelum di SAVE untuk menentukan berhasil
atau gagal. Jika berhasil silahkan di SAVE.
Sekian dulu dari saya, selamat mencoba....
