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 == "static_page"'><br/><data:post.body/><b:else/>Lalu cari </head> dan taruh kode dibawah ini dibawahnya :
<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>
<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:
sukron sudah terbukti READ MOREnya,,,,,
makasih mas bro, sukses
yupz
alhamdulillah
read more-nya pas dilihat, terima kasih
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.
oke sama sama.
ha ha ha, mungkin anda kurang beruntung saja gan, terima kasih sudah berkunjung
wah sukses ni gan
Aan X-friend's_oke gan
thank postingan read morenya gan
Komentar yang Baik !!!.
Suka Artikel ini dan mau Copas? Baca dulu Peraturan Copas !!!.
Pasang Iklan