CARA MUDAH MEMBUAT READ MORE OTOMATIS

Untuk membuat read more otomatis silahkan ikuti langkah2 di bawah ini

silahkan masuk ke halaman EDIT HTML dan centang expand , Cari kode </head> bila susah untuk mencari coba bantu dengan pencarian dengan menekan tombol ctrl + f pada keyboard khusus browser Mozila. Kalo sudah ketemu masukan Script di bawah ini, di atas 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>



Selanjutnya cari kode <data:post.body/>

ganti kode <data:post.body/> dengan kode Script 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>

Read More di atas beserta judul postingan, jika anda menginginkan read more tidak dengan judul postingan silahkan hapus kode yang berwarna ungu dan tulisan READ MORE bisa anda ganti seperti Baca Selanjutnya

Jika Read More kepengen anda ganti dengan gambar silahkan hapus kode READ MORE - <data:post.title/> dengan kode di bawah ini

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm2X6SBE-z7D3zfPUsKqon0lAjgtnWt0U5h3Bv_a2Hm8vf6w9p9vMmgVktqJW-GMlErd5JkLWrzc8CO-ylvcS8ufcpZUIgH2DdbIvhPZN16XD7yKWU7RaZSyV3Ct42f2K-gtrl3L-bMW0/[1].png' alt='read more'/>

Maka hasilnya seperti ini

SEMOGA BERMANFAAT N JANGAN LUPA DI KOMENX YACH

Setelah Baca Jangan Lupa Klik Suka Yach Untuk Update Berita Lewat Facebook

Judul: CARA MUDAH MEMBUAT READ MORE OTOMATIS
Rating: 100% out of 100% based on 100000 ratings. 100000 user reviews.
Ditulis Oleh Portal Media News Terkini
Terima Kasih Atas Kunjungan Anda...