Tutorial cara buat auto readmore di blog

Script auto readmore ni biasanya digunakan pada template2 jenis magazine.. semalam aku baru cuba2 buat template jenis magazine.. jadi aku guna la script auto readmore ni..

Tutorial ni kira rujukan aku untuk buat template jenis magazine.. ('',)

Memang cantik dan menarik serta memudahkan anda... x perlu tekan page break ketika menulis entri.. habis tulis entri terus publish ja.. senangkan

Mula2 pergi ke desbot---desaign--- edit html,tick pada expand widget template.. kemudian masukkan code di bawah sebelum code    </head>

<script type='text/javascript'>

var thumbnail_mode = "float" ;

summary_noimg = 450;

summary_img = 350;

img_thumb_height = 140;

img_thumb_width = 140;

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

summary_noimg = 450; jumlah patah perkataan yang muncul pada homepage pada entri tidak bergambar

summary_img = 350;jumlah patah perkataan pada homepage pada entri bergambar

img_thumb_height = 140;tinggi gambar entri

img_thumb_width = 140;lebar gambar entri

berdasarkan penerangan tu.. pandai2 la edit.. k

Kemudian klik preview.. jika ok.. teruskan step seterusnya...

Cari code <data:post.body/>  kemudian gantikan code tersebut dengan code di bawah..

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
       <b:if cond='data:blog.pageType == "item"'>
       <data:post.body/>
        <b:else/>
       <div expr:id='"summary" + data:post.id'> <data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span class='rmlink' style='float:right'><a expr:href='data:post.url'><span style='color:#151515;font-weight:bold:font-size:18px;border-radius:5px;padding9px;background:#B3C6FF;'>Baca Lagi</span></a></span>
        </b:if>
</b:if>
</div>

tulisan Baca Lagi lagi tu anda boleh tukar ikut suka2 anda

klik preview.. jika ok save...

senangkan cara pasang dia..

Sekian