Cara Buat Read More Auto terbaru

hi....korang tahu tak mengapa,dan kenapa kita perlukan read more pada blog?hehehe..pasti dah ramai yg tahu tapi pada yang belum tahu boleh lah follow tutorial dekat bawah ini ye...read more ini adalah untuk supaya setiap entry/post korang yang mungkin panjang atau mempunyai gambar yg banyak boleh di pendek kan,cth nya seperti setiap posting yang ada pada blog saya....dan read more juga sangat baik jika ada di antara korang yang mempunyai masalah blog berat lambat loading,ini disebabkan halaman terlalu besar,so...nanti kalo lambat sangat,pelawat pun melenting pula....hehehe..

ok dah cukup rasanya untuk pengertian read more ini..so jom belajar cara-cara membuatnya

1.login ke bloger
2.masuk design>edit html>klik expand widget template
3.cari coder </head>
4,dah jumpa coder </head>, copy dan paste coder di bawah ini di bawah coder </head>

<script type='text/javascript'> var thumbnail_mode = "float"; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; img_thumb_width = 120; </script><br /> <br /> <br /> <script type='text/javascript'> //<![CDATA[ /****************************************** Auto-readmore link script, version 2.0 (for blogspot) (C)2008 by Anhvo visit http://en.vietwebguide.com to get more cool hacks ********************************************/ 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 /> <br />

5.dah tu korang cari pula coder ini


<data:post.body/>


6.bilah dah jumpa delete coder itu dan tukar dengan codre di bawah ini

<b:if cond='data:blog.pageType != "item"'><br /> <br /> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <br /> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /> <br /> <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE- <data:post.title/></a></span><br /> <br /> </b:if><br /> <br /> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

ok...dah siap pun...cek lah blog korang tu..hehehe..erk..nanti pada read more yang berwarna hijau korang boleh gantikan dengan apa-apa nama mengikut selera ye

Anda baru saja membaca artikel yang berkategori Tutorial BLOG dengan judul Cara Buat Read More Auto terbaru. Anda bisa bookmark halaman ini dengan URL http://cmdia.blogspot.com/2012/08/cara-buat-read-more-auto-terbaru.html. Terima kasih!

Ditulis oleh: Unknown -