- Back to Home »
- HTML Tricks »
- Cara Membuat Readmore Otomatis di Blog
Langkah-Langkah:
1.Login Blogger » Template » Edit HTML » Expand Widget Templates
2.Cari Code </head>
3.Copy/Paste kode dibawah ini tepat diatas kode tadi
<script type='text/javascript'>var thumbnail_mode = "no-float";summary_noimg = 260;summary_img = 250;img_thumb_height = 95;img_thumb_width = 95;</script><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>
4.Kemudian Cari Kode <data:post.body/>
5. Ganti kode tersebut 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'><b>Readmore</b> → <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
6. Simpan, dan lihatlah hasilnya
INFO:
260 : Tinggi postingan tanpa gambar
250 : Tinggi postingan dengan gambar
95 : tinggi gambar
95 : lebar gamba
Sumber