Cara Membuat Auto Read more Pada blogger (blogspot)

Assalamu Alaikum.....
Yoooosshhhhh.......
Kali ini Saya mau share About "How to make an auto read more to the blogger"..... hehehehehehe sok bahasa asing padahal nilai kuliahnya jeblossss....... :)

Readmore adalah Suatu Metode yang membuat tampilan blog anda kelihatan Sebagian. dan akan tampil sepenuhnya jika readmore atau judul postingannya di klik......
nee dia gambarnya....




Yups, dari pada lama-lama nee dia caranya...
cekidot...

1. Pastinya Log In dulu Ke blog sobat
2. Setelah Masuk, Silakan Masuk Ke >----> Rancangan (Design)>---> Edit Html.
3. Cari kode </head> lebih cepat gunakan CTRL + F
4. Copy Script Berikut Ini Tepat Diatas 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>

5. Setelah itu Simpan template
6. Kembali ke Edit Html lg, kali ini Kotak keci di pojok kanan atas blog sobat harus dicentang (Expand Widget Template)
7. Cari Kode <data:post.body/> dan ganti kode berikut dengan script berikut 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 full posting...... <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

8. Kata Yang di beri warna biru, silakan ganti sesuai selera sobat
9.  The Last, Simpan (Save) template dan liat Hasilnya.... Selamat mencoba

Thanks For read.....