Membuat Auto Readmore

gbr. gak ada kaitannya

Selamat sore sobat... gimana punya kabar???

kali ini aku kan membahas tentan Readmore egend, yang kemarinkan aku sudah ajari cara memindah readmore ke kanan, nah kalo sekarang aku kan ajari buat auto readmmore.

Auto readmore disini maksudnya?

Kan kita biasanya kadang memposting dengan isi yang buanyak, nah daripada pusing pengen potongnya dimana, ya mending pake ini aja.

Kalo pengen liat hasilnya, ntar kek gini

Gimana??? jadi rapi kan blog kita...

Okey, langsung aja yach kalo gitu, cekidot n langsung praktek yuks...

• Cari kode </head>

lalu Copas script dibawah ini, tepat di bawah kode yang sudah kita cari tadi :

<!-- Auto read more script -http://brugkembar.blogspot.com- Start -->
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430; 
summary_img = 340; 
img_thumb_height = 150;
img_thumb_width = 150;
</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(thumbnail_mode == "yes") {
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>
<!-- Auto read more script -http://brugkembar.blogspot.com- End -->

• Kemudian cari kode <data:post.body/> , ganti itu kode dengan :

 <!-- Auto read more -http://brugkembar.blogspot.com- Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>
<!-- Auto read more -http://brugkembar.blogspot.com- End -->

 Pengaturan lainnya :
Ganti Read More >> dengan kata-kata yang diinginkan misalnya “Baca selengkapnya”. 
Apabila menginginkan kalimatnya rata kanan dan kiri, lihat bagian ini pada script kedua di atas. Jika auto readmore sudah dipasang, cari dengan Ctrl + F:
<div expr:id='&quot;summary&quot; + data:post.id'>
Untuk membuat teks di post summary dlm readmore justify, tambahkan style css ini ke dalam tag: style='text-align:justify;'
sehingga menjadi:

<div style='text-align:justify;' expr:id='&quot;summary&quot; + data:post.id'>

Good Luck, semoga bermanfaat...

Oea, buat kk rey, thanks yua tutorialnya. hehe maap Ngikut copas aku.

Copas dari sini