Ticker

6/recent/ticker-posts

Memasang Versi Auto Read More terbaru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRbFgUP3Dfa4uYZ4fEhDq5DsQ1chl_38Nuuzzt9bp968kHgqUCdVb_96QzqvZ1kgQLfeJuhxGYNXm2dtPRXZ2g6CUNikJusyKgog2juMX5XacEkKfEJrjrHW5A51wDobrI2B4rn9Wl28Q0/s1600/2010-08-19_220543.png

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.



Pertama


Log in blog -> Dashboard -> -> ()
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 == &quot;item&quot;'><data:post.body/></b:if>


Link Yang berwarna hijau anda boleh ubah dengan gambar link readmore yang anda inginkan.

Photobucket

http://i870.photobucket.com/albums/ab263/ababiel_bucket/read2.jpg



Photobucket
http://i870.photobucket.com/albums/ab263/ababiel_bucket/read6.jpg


Photobucket

http://i870.photobucket.com/albums/ab263/ababiel_bucket/readmore1.jpg


Photobucket

http://i870.photobucket.com/albums/ab263/ababiel_bucket/read.jpg

Photobucket

http://i870.photobucket.com/albums/ab263/ababiel_bucket/read3.jpg


Photobucket

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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpYbWgORVntmaiAKlGIoSo5nYJzDBWyRqXNN-h22o1j5va9LENDDRkn9_t8jGf-hfGB0YvQWXJdzC6SbSmyHGC0KohLtcQ4r20MJonG3nT0hMg38XriyWRZMHCW09g8j5CkMVSYmOWCfc/s320/read+more_thumb%5B1%5D.png

Akhir sekali klik .

Catat Ulasan

17 Ulasan

  1. dah jadi.
    tapi kalau nak tukar img read more tu how?
    sebab yang tu gelap. tak nampak.
    or mungkin kena tukar color tulisan?

    BalasPadam
  2. @nur-win
    Saya dah buat tutorialnya...
    cuba tengok kat atas tu

    BalasPadam
  3. yeahh ~~
    tengQ da bt. and da complete.

    thnx again.
    sygs anda

    BalasPadam
  4. thank for the tutorial k.... wassalam

    BalasPadam
  5. you welcome

    http://www.jeritanblog.blgospot.com

    BalasPadam
  6. @eensalleh
    sory tadi saya ada kesilapan...Terima kasih atas bantuan anda
    cuba buat lagi sekali

    BalasPadam
  7. nop.saya tak jumpe kode data:post.body/> tu.hhuhuhu

    BalasPadam
  8. dah tekan expand widget.....Kalau dah cuba anda copy lepas tu search lepas tu cuba delete sikit-sikit...nanti mesti ada perkataan dia

    BalasPadam
  9. jadi lagi sekali...bru lpas tukar template..

    BalasPadam
  10. thanks u sifu..dah menjadi dah..heheh..:)

    BalasPadam
  11. @ainin _farah nie mesti x tick add widget atau silap buat

    BalasPadam