Membuat read more automatik (Read more / Baca lagi.... akan lebih mudah semasa anda post artikel, karena dengan readmore automatik ini anda boleh post seluruh artikel yang anda buat tanpa menggunakan "Insert jump break". Dengan read more automatik, artikel /entry yang anda buat akan secara automatik terpotong sesuai dengan ukuran yang anda inginkan. Begini caranya..untuk membuat read more automatik Caranya :
1. Buka layout Kemudian pilih edit html
2. Jangan lupa beri klik box " expand widget template"
3. Cari code </head> Kemudian letakkan script di bawah ini diatas code </head>
( tekan Ctrl F pada keyboard dan taip code yang hendak dicari ,untuk memudahkan pencarian code tersebut.
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
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>
Jangan SAVED dulu, selanjutnya cari code <data:post.body/> dan gantikan dengan code dibawah :--->
<b:if cond='data:blog.pageType != "item"'>
<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;padding-top:20px;'><a expr:href='data:post.url'> Baca Selengkapnya "<data:post.title/>"</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Jangan PUBLISH POST dulu...PREVIEW dulu untuk kepastian samada berjalan lancar atau tidak..selamat mencuba.....
Kemudian simpan, oh ya .. Lihat pada script pertama bahagian atas yang berwarna merah tu..boleh la tukar nombornya untuk adjust hasilnya nanti..juga Baca Selengkapnya juga boleh ditukar dengan apa perkataan lain seperti ( baca lagi, readmore, dll)
Tiada ulasan:
Catat Ulasan