Jika tip ini tidak menjadi sila pergi ke tutorial baru Klik Here
Fungsi Read More kali ini berbeza dengan versi Read More yang lama . Bila versi
terdahulu kita harus menggunakan cara manual dengan melakukan meletakkan kode <div class="fullpost">..</div> atau <span class="fullpost">..</span>
dimana kode ini biasanya kita buat secara manual kedalam halaman postingan. Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, kerana fungsi auto tanpa harus menambahkan kode diatas.
Cari kode </head> kemudian letakan script dibawah ini di atas
kode </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 350;
summary_img = 450;
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>
Kedua
Sekali lagi, taip atau paste kod <data:post.body/> pada ruang Find dan tekan Enter.
Salin kod yang berwarna merah di bawah dan gantikan pada kod <data:post.body/>
Salin kod yang berwarna merah di bawah dan gantikan pada kod
<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'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYbWgORVntmaiAKlGIoSo5nYJzDBWyRqXNN-h22o1j5va9LENDDRkn9_t8jGf-hfGB0YvQWXJdzC6SbSmyHGC0KohLtcQ4r20MJonG3nT0hMg38XriyWRZMHCW09g8j5CkMVSYmOWCfc/s320/read+more_thumb%5B1%5D.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Link Yang berwarna hijau anda boleh ubah dengan gambar link readmore yang anda inginkan.
http://i870.photobucket.com/albums/ab263/ababiel_bucket/read2.jpg
http://i870.photobucket.com/albums/ab263/ababiel_bucket/read6.jpg
http://i870.photobucket.com/albums/ab263/ababiel_bucket/readmore1.jpg
http://i870.photobucket.com/albums/ab263/ababiel_bucket/read.jpg
http://i870.photobucket.com/albums/ab263/ababiel_bucket/read3.jpg
http://i870.photobucket.com/albums/ab263/ababiel_bucket/read4.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYbWgORVntmaiAKlGIoSo5nYJzDBWyRqXNN-h22o1j5va9LENDDRkn9_t8jGf-hfGB0YvQWXJdzC6SbSmyHGC0KohLtcQ4r20MJonG3nT0hMg38XriyWRZMHCW09g8j5CkMVSYmOWCfc/s320/read+more_thumb%5B1%5D.png
Akhir sekali klik .
17 Ulasan
dah jadi.
BalasPadamtapi kalau nak tukar img read more tu how?
sebab yang tu gelap. tak nampak.
or mungkin kena tukar color tulisan?
@nur-win
BalasPadamSaya dah buat tutorialnya...
cuba tengok kat atas tu
yeahh ~~
BalasPadamtengQ da bt. and da complete.
thnx again.
sygs anda
thank for the tutorial k.... wassalam
BalasPadamyou welcome
BalasPadamhttp://www.jeritanblog.blgospot.com
saye x dapat buat pon.huhuhu.
BalasPadam@eensalleh
BalasPadamsory tadi saya ada kesilapan...Terima kasih atas bantuan anda
cuba buat lagi sekali
nop.saya tak jumpe kode data:post.body/> tu.hhuhuhu
BalasPadamdah tekan expand widget.....Kalau dah cuba anda copy lepas tu search lepas tu cuba delete sikit-sikit...nanti mesti ada perkataan dia
BalasPadamyes jadi...alhamdulilah.
BalasPadam@Matika
BalasPadamermm bagus tu
jadi lagi sekali...bru lpas tukar template..
BalasPadamthanks u sifu..dah menjadi dah..heheh..:)
BalasPadamxjd laa syss :'(
BalasPadam@Matika baguslah
BalasPadam@Syuxer Melankolia welcome
BalasPadam@ainin _farah nie mesti x tick add widget atau silap buat
BalasPadam