Tututorial Membuat Readmore Automatis di Blogspot


Saya membuat tutorial ini sebenarnya hanya untuk optimasi blog saya pribadi jika suatu saat saya ingin mengubah template blog saya dengan template baru yang tidak memiliki auto read more nya.


Untuk membuat readmore automatis diblogspot langkah langkahnya sebagai berikut

  • login ke blog Desain pilih -> Edit HTML cari kode </ head> dan paste code ini diatas code </head>
klick 


<script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 250; summary_img = 250; img_thumb_height = 120; 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 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>


  • kemudian cari kode <data:post.body/> dan ganti kode dengan kode berikut
klik

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span style='float:right'><a expr:href='data:post.url'>ReadMore </a></span> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Tututorial Membuat Readmore Automatis di Blogspot

3 komentar

Anang March 31, 2012 at 1:59 PM Reply

ron nggonqw gak enek
ene'e
piye.. ?

Anang March 31, 2012 at 2:09 PM Reply

ron, nggonqw gak enek data:post.body
tapi eneke data:blog.pege title.
piye ron???

mbah ngawean March 31, 2012 at 2:31 PM Reply

onok mas brow. searchsen <data: ae golek ono gal stok

Post a Comment