Cara memasang Auto readmore diblogspot

09.04 Cara Membuat Blog No Comments

Auto readmore adalah revolusi terbaru dari readmore yang biasanya, karena dengan auto readmore kita tidak perlu lagi memotong atau memisahkan postingan kita dengan kode

<span class="fullpost">

</span>

Dengan auto readmore ini sobat tidak perlu bingung harus menyimpan potongan atau pemisah postingan yang akan ditampilkan karena semua sudah diatur secara otomatis. Langsung saja ke cara memasang auto readmore atau baca selengkapnya diblogspot

Log in keblogger sobat

Masuk ke Rancangan

Edit HTML [jangan lupa centang expand template widget]

Setelah itu sobat cari kode </head> dan copy paste kode dibawah ini tepat diatas kode tersebut

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 250;

summary_img = 250;

img_thumb_height = 120;

img_thumb_width = 120;

</script>

<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>

Setelah itu sobat cari kode <data:post.body/>



Setelah ketemu kode tersebut sekarang hapus kode tersebut dan ganti dengan kode 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'><a expr:href='data:post.url'>Read More - <data:post.title/></a></span>



</b:if>



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

Catatan : Ganti Tulisan Read More [bercetak merah dalam kode] dengan yang sobat inginkan, misalnya baca selengkapnya atau yang lainnya