Cara set button Auto READMORE dalam blogspot

Sejak 2 , 3 hari ini aku sibuk pula upgrade template blog aku termasuk juga senarai label-label terdahulu yang bersepah .. hehe -- memandangkan aku dah berjaya men 'set' kan button Auto READMORE dalam blog aku , maka aku nak kongsi untuk entri kali ini ..

Entri ini bukan bertujuan untuk memegahkan diri tapi hanya sekadar tambahan sahaja kepada label "tips blogging" aku .. memang setiap kali aku berjaya 'set' kan sesuatu dalam blog aku , kalau boleh aku nak terus 'add' kan dalam label "tips blogging" aku ...

Sebelum aku nak tunjukkan langkah-langkah meletakkan button Auto READMORE dalam blogspot , aku nak bagi kredit dan ucapkan terima kasih kepada blog ini kerana tips dia yang mudah difahami sehingga aku berjaya buat setting button Auto READMORE tanpa bertanya dengan sesiapa .. ini blog dia : kozumiro.blogspot.com .. blog ini memang menarik dan sesuai untuk newbie macam aku .. hehe

Okay .. dah habis membebal di atas ---- huahuahua .. sekarang aku nak terangkan langkah-langkah tersebut di bawah .. thank you kerana sudi membaca :

Langkah 1 : 

-- Log in blog > Dashboard > Layout > Edit HTML. 

-- Kemudian klik kotak Expand Widget Templates. 

Langkah 2 :  

-- Tekan Ctrl+F pada keyboard dan copy paste code </head> pada ruangan yang muncul selepas Ctrl+F ditekan.

Langkah 3 :  

-- Copy code di bawah sebelum code </head>

<script type='text/javascript'>

var thumbnail_mode = "float" ;

summary_noimg = 350;

summary_img = 450;

img_thumb_height = 140;

img_thumb_width = 140;

</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(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>

Langkah 4 :  

-- Tekan Ctrl+F pada keyboard

-- Copy & paste code <data:post.body/> pada ruang Find dan tekan Enter

Langkah 5 : 

-- Gantikan code <data:post.body/> dengan code di bawah

<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:right'><a expr:href='data:post.url'><img src='http://img709.imageshack.us/img709/7056/readmorez.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Langkah 6 : 

-- Kemudian save dan tengoklah hasilnya.

-- SELAMAT MENCUBA --