Memasang Versi Auto Read More terbaru

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.

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 .