Cara Mudah Membuat Read More di Blogger

Bagi pemula membuat Read More(baca selengkapnya) memang sulit, tapi tidak sesulit yang dibayangkan hehe...
kita hanya perlu sedikit usaha untuk belajar dan pasti bisa, berikut caranya gan:
Silahkan Login dulu di Blogger klik design >>Edit HTML jangan lupa centang pada Expand Widget Templates cari kode berikut:
<div class='post-body entry-content'>
dengan menekan CTRL+F copy'kan kode tadi klik next, jadi anda tidak susah-susah mlototin kode template'nya xixi,,
jika sudah pastekan kode ini tepat di bawahnya.

<p><script type='text/javascript'> summary_noimg = 800; summary_img = 650; img_thumb_height = 150; img_thumb_width = 200; </script><br /> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script><br /> <b:if cond='data:blog.pageType != "static_page"'><br /> <b:if cond='data:blog.pageType != "item"'><br /> <div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /> <div><a expr:href='data:post.url'>Read more »</a></div></b:if><br /> </b:if><br /> <br /> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if><br /> <br /> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if></p>

Pastikan kode diatas berada diatas kode ini <div style="'clear:"> <!– clear for photos floats –> </div> kemudian klik save template. selesai!! selamat mencoba......

Cara Mudah Membuat Read More di Blogger 2010-12-09T23:57:00-08:00 Rating: 4.5 Diposkan Oleh: eBlog-wayan