Minggu, 21 Juni 2009

-=[Bikin Auto Read More ala predator]=-

wuaaahhhh,,....
Akhirnya abis blog gw ancur gw bisa bikin auto read more tanpa ganti template....

mgkin ni trik bego tapi lumayan bisa d pake kok...

lgsg aja yach...

ikutin dolo cara ini..
tapi sebelumnya backup dolo biar g ancur kyk gw..,

Pertama, masuk kehalaman EDIT HTML, Cari kode kemudian letakan script dibawah ini di atas kode Kalo sudah, jangan lupa di simpan terlebih dahulu.


Langsung COPAS aja kode dibawah ini:

<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>

klo udah nah ni pake trik dari gw..

copas smua yg ada d edit html masukin k notepad bawaan windows..
warnig:jangan notepad++ (knpa?gw juga g tau)

cari deh disitu pasti ketemu...
nah lo ganti ama yg

<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>

slse...klo masih nggak bisa lgsg hub gw aja...
lumayan bisa buat mikir...

Tidak ada komentar:

Posting Komentar