26/12/11

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

4 ulasan:

gHadiskeCik berkata...

entry baru yerk...k nk trylh huhu:)

khairul berkata...

info berguna bro

diana berkata...

akak akan elak kan untuk baca entry yang ada readmore.kalau blog tu best biasanya akak masuk kan dalam bloglist dan ingat,tiap kali nak baca blog dia akak akan klik link entry terus..malas nak tunggu lama2 untuk read more..:)

Polskahackrew berkata...

Ghadis keCik : a'a terbariu dari ladang.. hehe

Khairul : Thanks bro..

Diana : biasanya blog seo yang guna script ni.. tutorial ni sy buat untuk rujukan sy juga untuk buat template jenis magazine.. ('',)

entri ja

Related Posts Plugin for WordPress, Blogger...