Rabu, 28 Desember 2011

Membuat ReadMore Otomatis

mungkin sudah banyak cara membuat readmore secara manual, tapi kali ini kita akan membahas tentang bagaimana membuat readmore otomatis. mungkin sudah banyak posting seperti ini. tapi iseng iseng aja nih,

hehehe.
berikut cara-caranya :
1. Masuk Ke blogger dahulu
2. kemudian klik tata letak > edit html
3. kemudian centrang kotak kecil yang bertuliskan expand widget templates
4. kemudian copy syntax dibawah ini , copykan di atas </body>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
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>

5. cari <data:post.body/>
6 . hapus syntax <data:post.body/> dan ganti dengan syntax dibawah ini.
<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> 

7. simpan






gampang kan???? dicoba aja dulu , kalau gak bisa mungkin ada kesalahan sob.
dan kata yang berwarna merah itu bisa diganti sesuka anda.hehehehe

0 comment:

Posting Komentar

Komentar Intipan Ponorogo