Thursday, 4 July 2013

Membuat read more pada blogger

mungkin sudah banyak yang mengetahui, trik ini saya tujukan sebagai pengingat atau sekedar info bagi sobat yang sedang mencari Cara Membuat ReadMore pada blogger :


langsung aja yah berikut step nya:

1. Login ke Blogger.com,  setelah itu masuk ke menu tempate
2. lalu klik Edit.html., Kemudian cari <data:post.body/> lalu ganti dengan kode berikut :

<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</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 = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</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 dan lihat hasilnya.semoga manfaat dan selamat mencoba
cara membuat readmore cara membuat read more cara membuat baca selanjutnya cara membuat baca selengkapnya cara membuat baca seterusnya,cara membuat box scroll cara membuat kotak scroll cara membuat kotak yang bisa di geser cara membuat kotak sliding cara membuat kotak geser cara meningkatkan pagerank cara membuat blog yang seo friendly cara agar berada di awal pencarian google cara agar blog banyak pengunjung cara agar postingan berada diurutan pertama di pencarian google cara agar postingan ada diurutan pertama di pencarian yahoo cara agar postingan berada diurutan pertama di pencarian bing download video download gratis download film downlaod video gratis download film grati

No comments:

Post a Comment