Sabtu, 16 Juli 2011

Cara membuat read more

cara memmbuat auto read more
gampang kok gan!!!!
1.buka blogmu
2.klik rancangan
3.klik edit html
4.cari kode </head> cara gampangnya CTRL+F
5.lalu tambahkan kode di bawah ini,dibawah kode </head>:
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;

</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks 
********************************************/
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>

7.klo sudah centang "expand widget template" lalu cari kode di bawah ini:
<data:post.body/>
klo udah ganti kode tsb dengan:
<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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
lalu klik save template
^_^


4 komentar:

AcerNoval mengatakan...

berhasil sob :D terimakasih infonya yaa.. hehe jgn lupa koment balikk yaa

udiyana mengatakan...

ok sob

Unknown mengatakan...

oke sepppp

udiyana mengatakan...

ok bro

Posting Komentar

COMENT here
BLOG SAYA DOFOLLOW
berikanlah sedikit kritik dan saran kepada saya&klik iklannya
^_^


ShoutMix chat widget

Anda berminat buat Buku Tamu seperti ini?
Klik disini
Welcome! close