Cara Menampilkan Read More di Blogspot Menggunakan HTML
Read More adalah istilah yang tidak asing bagi para penulis, maupun pembaca khususnya bagi mereka yang aktif pada dunia blog, istilah read more atau dalam bahasa indonesia berarti baca selanjutnya biasa digunakan oleh para penulis untuk mengarahkan pembaca ke halaman artikel yang lebih lengkap.
Untuk kesempatan kali ini saya akan menjelaskan Cara Menampilkan Read More Pada Blogspot Menggunakan HTML.
Cara Menampilkan Read More di Blogspot Menggunakan HTML
Langkah 1. Buka Template.
Jika sudah membuka template, kemudian klik Edit HTML, setelah itu masskan kode yang tertera pada langkah ke dua, terserah anda menginginkan copy paste, atau rewrite kode-kode ini.
Langkah 2. Masukan Kode HTML ini.
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</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 2px 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>
</b:if>
</b:if>
Langkah 3. Beri Tanda Centang.
Untuk langkah ini mash bread pada halaman EDIT HTML, lula beri tand centen pada “ Expand Widget Template ” setelah itu cari Kode dibawah ini.
<p><data:post.body/></p>
Langkah 4. Penggantian Kode.
Jika anda sudah kode tersebut untuk menampilkan read more anda dianjurkan dengan kode dibawah 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 -
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
