Membuat Read More pada blogspot

Membuat “Read more” pada setiap akhir  sebenarnya cukup mudah, karena sudah banyak para master blog  yg menyediakan template   disertakan dengan “read more” disetiap akhir postingannya. Seperti  yang disediakan oleh kliksaya.com jadi kita gak perlu pusing-pusing lagi membuat “read more”… hehehe

tapi kalo emang sudah seneng sama tampilan blognya dan kebetulan belom ada “read more”  ini ada sedikit cara yang saya dapat dari hasil searching di internet

pertama-tama seperti biasa kita login dulu ke blogger lalu klik rancangan >Edit HTML. Dan jangan lupa centang Expand widget template. Cari kode </head>. Untuk lebih cepat kita tekan ctrl + F lalu ketikkan kode tersebut.

Kalo sudah ketemu, taruh kode dibawah ini tepat  diatas kode </head>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
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>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode  <data:post.body/>.

Kalo sudah ketemu, ganti kode <data:post.body/> dengan semua 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 == &quot;item&quot;'><data:post.body/></b:if>

Simpan template. Coba lihat gimana hasilnya… kalau sudah puas sama hasilnya. jangan lupa ya commentnya. Semoga bermanfaat. Kalau mau lihat sumber aslinya silahkan klik  disini