Auto Read More #2.

1. Sign in akaun blogger anda.

2. Pilih LAYOUT --> EDIT HTML.

3. Backup Template anda dahulu untuk mengelakkan sebarang masalah.

4. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.

7. Cari kod ini.

<data:post.body/>

8. Gantikan kod di atas dengan kod ini.

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120; 
</script>
<script src='http://kfile.110mb.com/summary-post.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

9. Setelah selesai langkah-langkah di atas pilih PREVIEW.

10. Sekiranya anda berpuas hati SAVE TEMPLATE.

READ MORE...

Menukarkan Text Read More Kepada Image.

Menukarkan text Read More... kepada Image.

Sekiranya anda belum memasang Read More... anda perlu memasang Read More... terlebih dahulu.

Bagaimana untuk memasangnya ? Sila rujuk tutorial cara-cara memasang Auto Read More.

Setelah siap memasang Read More... Sila ikuti langkah selanjutnya bagaimana untuk menukarkan text Read More... kepada image.

1. SIGN IN akaun blogger.

2. Pilih LAYOUT ---> EDIT HTML.

3. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.

4. Cari kod Html ini.

<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>

5. Gantikan text READ MORE - dengan kod image di bawah.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNDG1YcIIiH-4EMnJPyYKs_9P5JklI2qNuVxJXeNV48NaQ7mL3BgHRNDNXYy1RHrmvDPfBegQcyAa1qbwDmmYzPeKQw9JXrbJ5AqJfnYllkT-HGy8MQ2pX7azZy7SDEHBbTh8dK9wObhF/s400/New-Read-More.png'/></a>

6. Gantikan Url Image berwarna biru kepada Url Image anda.

7. Pilih PREVIEW untuk melihat hasilnya.

8. Sekiranya anda berpuashati SAVE TEMPLATE.

9. Selamat Mencuba...

READ MORE...

Memasang 'Auto Read More'.

1. Sign in akaun blogger anda.

2. Pilih LAYOUT --> EDIT HTML.

3. Backup Template anda dahulu untuk mengelakkan sebarang masalah.

4. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.

5. Cari kod di bawah.

</head>

6. Kemudian Copy kod di bawah dan letakkan di atas kod tadi.

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

7. Sekarang cari kod ini.

<data:post.body/>

8. Sekiranya anda sudah menjumpai kod di atas.Gantikan dengan kod 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: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>

9. Setelah selesai langkah-langkah di atas pilih PREVIEW.

10. Sekiranya anda berpuas hati SAVE TEMPLATE.

Sumber Pengunjung Setia Dot Com.

READ MORE...