Minggu, 16 Desember 2012

Membuat Read More di Blogspot

Membuat Read More di Blog by aKseSoris teMplate dan di bawah ini Cara-caranya :
1. Login ke Blogger dengan Google akun anda
2. Jika sudah di Dashboard pergi ke Rancangan »
3. Klik edit HTML. Lalu Contreng Expand Template Widget, terus cari <data:post.body/> lalu ganti dengan kode 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:1px;'><a expr:href='data:post.url'>read more</a></span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if>
Lalu cari </head> dan taruh kode dibawah ini dibawahnya :
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 180;
summary_img = 140;
img_thumb_height = 50;
img_thumb_width = 50;
</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>
Lalu Simpan Mas Bro tapi ingat, kalo anda ganti templet di ulangi lagi cara yang diatas karna Blog yang ganti Templet biasa lagi. maksudnya tidak Read More lagi.
Baca juga artikel terkait Cara Membuat Read More Keren dan terima kasih sudah mengujungi artikel Membuat Read More di Blogspot.
10 komentar:
  1. sukron sudah terbukti READ MOREnya,,,,,

    BalasHapus
  2. read more-nya pas dilihat, terima kasih

    BalasHapus
  3. makasih gan ilmu nya, sebelum saya datang ke blog ini saya kesasar ke blog gila, tutorial read more nya gak valid, setelah berkunjung ke blog ini ternyata sukses gan.
    makasih banyak poko' nya wez.

    BalasHapus
  4. oke sama sama.
    ha ha ha, mungkin anda kurang beruntung saja gan, terima kasih sudah berkunjung

    BalasHapus
  5. thank postingan read morenya gan

    BalasHapus

Komentar yang Baik !!!.
Suka Artikel ini dan mau Copas? Baca dulu Peraturan Copas !!!.

aKseSoris teMplate