Ganti perkataan Read More dengan icon

Ada sesetengah templet blogger,sudah disediakan Red More secara auto.

Namun ia menampilkan hanya perkataan red more,jadi bagai mana hendak ganti perkataan Red More dengan icon.

Ikutlah langkah-langkah dibawah ini:

Log in blog => Dashboard => Layout => Edit HTML. Seterusnya, tick pada kotak Expand Widget Templates.

Dengan menggunakan keyboard, tekan Ctrl+ F. Seterusnya, taip atau paste kode <data:post.jumpText/> pada ruang Find dan kemudian tekan Enter.

Salin kode di bawah ini,dan ganti kode <data:post.jumpText/> dengannya.

<img border="0" src="http://i622.photobucket.com/albums/tt309/kokobota/j4FIbe1267977517.gif"/>

Akhir sekali klik Preview dan jika tiada mesej Error terpapar, klik saja Simpan templet.

Sila untuk mencuba tutorial Ganti perkataan Red More dengan icon Read More

READ MORE - Ganti perkataan Read More dengan icon

Auto read more

Ada sesetengah blogger templet yang baru tidak ada menyediakan Auto red more,jadi akan memberi masaalah kepada para blogger yang biasa mengunakan red more.

Kepada blogger yang ingin memasang Auto red more ikutlah cara-caranya.

Pergi ke Dashbord >>Design >>Edit HTML

Jangan lupa ini

Cari kode </head> jika sudah jumpa salin kode dibawah ini.

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

Letak kode ini diatas </head>

Setelah itu cari kode ini <data:post.body/>

Salin kode dibawah ini dan gantikan kode <data:post.body/> dengannya.

<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://i870.photobucket.com/albums/ab263/ababiel_bucket/read6.jpg

'/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Anda boleh mengantikan alamat gambar dengan alamat icon yang anda kehendaki.

Setelah selesai simpan templet.

READ MORE - Auto read more