Cara membuat read more diblogger tidak perlu ke ahlian khusus dan
mudah diperaktekan. Blogger mendukung script j-Query , Json, java
script, dan iframe PHP.
Cara membuat read more dengan mudah dan otomatis yaitu menggunakan
script J-Query dan script tambahan untuk memanggil script j-Query
supaya berfungsi.
Cara mudah mudah membuat read more sebagai berikut :
1. Loggin ke www.blogger.com
2. Sepeti biasa Edit HTML
jangan lupa centang kolom di samping tulisan "expand template widget".
4. Lalu cari kode </ head> : untuk mempermudah pencarian tekan F3.
5. Lalu masukkan code di bawah ini tepat di atas </head>
kode J-Qurey :
<script type='text/javascript'> var thumbnail_mode =
"no-float" ; summary_noimg = 430; summary_img = 340;
img_thumb_ height = 100; img_ thumb_width = 120; </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 createSummaryAn dThumb(pID){ var div =
document.getElementById (pID); var imgtag = ""; var img =
div.getElementsByTag Name("img"); var summ = summary_noimg;
if(img.length>=1) { imgtag = '<span style="float:left; padding:0px10px
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>
6. Kemudian anda cari kode
<data:post.body/>
Ganti kode
<data:post.body/>
Dengan kode di bawah ini :
<b:if cond='data:blog.pageType ! = "item"'><div
expr:id='"summary& quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span
class='rmlink' style='float:right;padding-top:20px;'><a
expr:href='data:post.url'><b> readmore</b> »»&# 160; 
</a></span> </b:if><b:if cond='data:blog.pageType ==
"item"'><data:post.body/></b:if>
7. Kemudian Save Template.
cara mudah membuat read more otomatis.
