Membuat Read More Pada Blog baru

Mungkin Ini Pertama Kalinya Dava Bikin Tututorial Blog ya mudah mudahan Bisa Berguna Buat teman2 bloger semua,tips ini di ambil dari Artikel O-om yang Sangat banyak berguna juga buat dava pribadi,pertama2 dava Ucapkan banyak-banyak Terimakasih pada YudhaIme (Makasih Ats Templatesnya),Forantum Dan O-om yang memberikan banyak Inspirasi baru buat Dava dan mungkin buat para bloger yang lainya.oke Tutorial perdana ini mungkin Tentang memasang Red More,kenpa dava membahas tentang Redmore Karena Red more adalah sebagian dari Blog alias untuk lebih kelihatan Cantik Blognya dan enak D pandangnya,hehehee,..
Oke Sekarang Kita mulai za langsung dari pada banyak basa basi keburu Bte Ntar Pengunjungnya,..
hehehe,..
Pertama-tama Buka Akun Blog kamu,terus menuju Tataletak dan pilih Edit HTML jangan lupa Expans terlebih Dahulu biar ga Amburadul Blognya.
Cari kode < /head> kemudian letakan script dibawah ini di atas kode < /head> Kalo sudah, jangan lupa di simpan terlebih dahulu.
lalu copy Kode HTMLnya Di Bawah ini:

<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, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah ini

<data:post.body/>Kalo sudah, ganti kode <data:post.body/>dengan semua kode dibawah 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>

Nah Sekarang baru di Simpan Tempaletnya,terus lihat Dech Hasilnya,..
Mudah2n Tips Ini berguna buat teman-teman..
dava akan lebih semangat lagi membuat artikelnya Apa bila teman-teman mengisi buku tamu dan komentarnya.