nuh

Aril Impian

Buat Auto Read More

Club Pujangga | 21:51 |
Auto read more dengan thumbanail,penggunaannya juga dapat meningkatkan pageview blog kita,berbagai fungsi boleh kita lakukan pada posisi posting mengikut citarasa anda supaya nampak lebih menarik dimata pengunjung secara tidak langsung dapat mengoptimakan laman blog bagi yang masih baru dalam berblogging selaian itu auto read more ini juga meyisipkan penggunaan gambar yang boleh kita ubah suai dari segi saiz dan kedudukan gambar yang perlukan,kebiasaan kedudukan gambar berada di bahgian kiri post terbaru anda,kita lihat hasil contoh dibawa :

thumbanail


Seterusnya langkah-langkah untuk kita buat:

1.Login ke blog anda terlebih dahulu  Dasboard > Rancangan > Edit HTML, centang "Expand template widget
2.Copy kode di bawah ini dan paste tepat sebelum </head>
 <script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 420;
summary_img = 330;
img_thumb_height = 110;
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>
Gantikan kode saiz  mengikut kesusuaian anda :

summary_noimg = 420; (karakter yang ditampilkan tanpa gambar)
summary_img = 350; (karakter yang ditampilkan dengan gambar)
img_thumb_height = 110; (ukuran tinggi thumbnail gambar)
img_thumb_width = 130; (ukuran lebar thumbnail gambar)

3. Cari kode <data:post.body/>, dan gantikan dengan kode dibawah ini
:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>

<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'>read more "<data:post.title/>"</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
Kode yang betanda merah, boleh diganti mengikut kesusaian  anda, Contohnya: Read More, Baca Selengkapnya, dll
4. Save.


Artikel Terkait