cara memasang Autor Read More

             

             Teman-Temanku kalian tautidak ternyata kita takperlu mendownload Tamplate Kita bisa juga dangan cara memasang Read More atau yang di sebut Auto Read More kalian semua pasti ingin taukan loadingnya juga tak mambuat Blogger.com kita loadingnya lambat,Tetapi kadang lambat mungkin Internetnya atau Tamplate yang ada pilih tak sesuai nah kita mulai saja tetorialnya,ya Teman-Teman.Nah!di bawah ini contohnya:   

            sudah Teman-Teman lihatkan contohnya sekarang langsung,ya Teman-Teman kita masuk saja ke tetorialnya:

1. SING IN,Lnjut masuk ke rancangan=>EDIT HTML
2.  Kemudian cari kode ini</head> dan jangan lupa cantrang atau ceklis    Expand Template Widget  
3.  Copy paste kode ini kamudian letakkan kode 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>

              Masih pada halaman EDIT HTML,Lalu temukan kode <data:post.body/> 

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

                                                                     Selamat mancoba 

Keterangan:
var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)