Cara Membuat Auto Readmore dengan Mudah

Blogger bloger, he

Sekarang dunia maya sedang di kerumuni oleh para blogger yang tiada hentinya menulis artikel ataupun diary, saya juga disini akan menulis tentang tutorial blog cara membuat readmore pada halaman pertama, koq rasanya kurang nyambung ya dari kata dikerumuni oleh para blogger sampai-sampai menulis postingan ya udah jangan dihiraukan langsung saja kita ke pointnya, cermati dan simak langkah-langkahnya ya, blogger sejati...

Pertama : ya masuk dulu ke blog anda

Kedua : Klick link post

Ketiga  : Klick postingan anda yang ingin di berikan readmore

Ke empat : Pada Kanan postingan klick insert jump break

Ke lima : ya coba dulu simpan dan lihat hasilnya sudah ada readmorenya apa belum kalau belum ulangi lagi.

ke enam : isikan kode dibawah ini ke </head> tepat dibawah kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; 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 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>

Masih Belum Bisa coba nich code dibawah ini ! Tapi Cari Dulu Code  <data:post.body/>
Ganti Code tersebut Dengan code dibawah ini !

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'> <b>Read more</b> &#187;&#187;&#160;&#160; </a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if>

Coba simpan dulu berhasil tidak kalau belum berhasil ya ulangi lagi langkah-langkah diatas, sekian semoga dapat bermanfaat ya | Terima Kasih.