Kunjungi Blog Rumah Imajinasi, disana ada berbagai info artikel, tips and trik, gadget review, dan lainnya. Terima Kasih dan maaf jika artikel masih kurang.

Membuat Readmore Otomatis


Ingin membuat readmore otomatis seperti di blog ini, ikutilah langkah-langkah pembuatanya. Pertama Silahkan ke halaman EDIT HTML dan centang " " lalu anda cari kode </head> kemudian letakkan kode di bawah ini di atas kode </head&gt dan copy kode tersebut;

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


Lalu cari kode <data:post.body/> jika sudah ganti kode <data:post.body/> dengan semua kode di bawah 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: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>


Save template dech...
Semoga bermanfaat bagi Anda
Stumble
Delicious
Technorati
Twitter
Facebook
Reddit


Related Posts :

4 komentar:

PIK Remaja Al-Hikmah said...[Reply to comment]

Mengapa Q selalu gagal dalam membuat read more otomatis di blogQ yg baru ea, apa perlu ganti tamplate?

Kisah 25 Nabi said...[Reply to comment]

@PIK Remaja Al-Hikmah

biasanya salah memasukkan scriptny, coba kode yang di atas...pasti bisa

Dea Punya | Blogger Ciamis said...[Reply to comment]

Nice info, saya juga pakai readmore otomatis, yang bergambar tapinya.
sekalian follow bos,,,

Kisah 25 Nabi said...[Reply to comment]

@Dea Punya | Blogger Ciamis

makasih kawan...
okeh...

Post a Comment

 

Ritem Blog is proudly powered by Blogger.com | Template by Blog Zone