Cara Membuat Read More Otomatis

kali ini saya akan mengajarkan bagaimana cara membuat read more.
namun bukan read more biasa, ini adalah read more otomatis.

apa si perbedaan antara read more biasa dan read more otomatis

Read More biasa :
setiap ingin melakukan Posting baru, harus membuat menambahkannya disetiap postingan baru

Read More otomatis :
bila ingin melakukan Posting baru, cukup masukan apa yang ingin di posingkan, lalu akan tercipta read more secara otomatis, tanpa perlu menambahkan kode ke setiap postingan baru...

oke langsung za ke tutornya :
STEP 1 :
klik RANCANGAN ( ada dikanan atas blog )

STEP 2 :
klik EDIT HTML ( ada dikiri atas )

STEP 3 :
centang / ceklist

Expand Template Widget 

STEP 4 :
kemudian CoPas kode dibawah ini diatas kode </head>  ( artinya sebelum tulisan </head>, untuk mempermudah mencari kode </head>, tekan CTRL + F dan masukan kode tersebut)

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </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>

NB : bagi yang udah pernah menggunakan Read More biasa / Read More manual, lebih baik kembalikan terlebih dahulu template menjadi seperti semula...

Posted in: Tips