Sabtu, 11 Februari 2012

Tutorial : Cara buang fungsi READ MORE dalam blog

Bagi korang yang tak suka fungsi Read More ni, kali ni saya nak share sikit cara macammana nak buang fungsi Read More di dalam blog. Ada blogger yang tak suka fungsi ni dan ada yang suka. Bagi korang yang gilerkan pageview, fungsi Read More ni sesuai diletakkan dalam blog korang. Bagi orang yang tak suka dengan alasan leceh dan sebagainya bolehlah cuba cara yang saya nak tunjukkan ni.

Kadang2 bagi korang yang tukar template blog, ada template yang dah datang sekali dengan fungsi Read More ni. Template cantik tapi tak suka fungsi ni then tak jadi lah nak ambil template tu. Sekarang jangan susah hati lagi......jom ikut tutorial ni.

1. Pergi ke Dashboard > Design > Edit HTML > Expand widget templates

2. Cari code berikut dengan CTRL + F 

    </head>

3.   Cuba cari kod yang lebih kurang macam kod kt bawah ni.. Kod ni berada di atas kod </head>. Delete kod tersebut.


<script type='text/javascript'>
summary_noimg = 800;
summary_img = 650;
img_thumb_height = 150;
img_thumb_width = 200;
</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>

Kalau korang nak senang, cuba cari kod berikut
 function createSummaryAndThumb(pID)

4. Cari perkataan Read More pula dengan tekan CTRL + F  dan delete.


5. Save dan Preview. Dah jadi dah.


p/s: Kod untuk setiap blog adalah berlainan dan cuba cari kod yang lebih kurang sama. Nak senang korang cari kod  function createSummaryAndThumb(pID).


lepak.com.my

About lepak.com.my

lepak.com.my ini diwujudkan bagi berkongsi info, petua, resepi,tempat menarik yang kami lawati dan lain-lain dengan anda. Di lepak kami sangat mengalu-alukan sebarang pandangan dan berkongsi apa jua isu bersama anda semua

Subscribe to this Blog via Email :