0 Cara Membuat Redmore Otomatis

Assalamuallaikum...

Apabila kalian ingin membaca website secara offline dan mau di ubah ke PDF kalian bisa baca HTML to PDF. Tetapi Untuk kesempatan kali ini saya ingin mengshare sebuah artikel tentang membuat Readmore. Readmore ini terkadang tidak akan pernah cocok atau rata dalam memotongnya. Berikut ini adalah tutorial membuat Readmore otomatis.

Langkah Pertama :

1.       Login di Blogger

2.       Tata Letak dalam blogger

3.       Pilih edit HTML

Langkah Kedua :

Cari kode seperti ini </head>

Langkah Ketiga :

Copy paste kode di bawah ini, tepat berada di bawah kalimat di atas.

<script type=’text/javascript’>

Var thumbnail_mode =”float”;

Summary_noimg = 500;

Summary_img = 500;

Img_thumb_height = 200;

Img_thumb_height = 200;

</script&gt;

<script type=’text/javascript’>

//<![CDATA[

/--------------------------------------------------------------------------

Auto-readmore link script, version 2.0 (for blogspot)

(C) 2008 by anvho

Visit http://en.vietwebguide.com to get more cool hack

----------------------------------------------------------------------------/

Function removeHtmlTag(str,chop){

If(strx.indexOf(“<”);

{

Var s = strx.split(“<”);

For(var i=0;i<s.length;i++){ if(s[i].indexOf(“>”)i=-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. getElementTagName(“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>

Setelah di paste, simpan template anda.

Kemudian centrang expand template widgetnya.

Dan cari lagi kode yang seperti ini <data:post.body/>

*apabila sudah ketemu, hapus kode tersebut dan ganti dengan kode yang seperti ini :

<b:if cond=’data:blog.pageType !=&quot;item&quot;’>

<div expr:id=’&quot;summary&quot;+data:post.id’><data:post.body/></div>

<script type=’text/javascript’>createSummaryAndThumb(“summary<data:post.id/>&quot;);</script>

<span class=’rmlink’ style=’float:right;padding-top:20px;’><a

Expr:href=’data:post.url’>Readmore</a></span>

</b:if>

<b:if cond=’data:blog.pageType ==&quot;item&quot;’><data:post.body/>

</b:if>

Setelah itu save template anda dan lihatlah hasilnya.

Good Luck :D

Jangan lupa untuk membaca tentang artikel ini juga PDF to Word Converter.

Wassalam...