How to Web Post Snippet and read more Button?

SEO Help and Tips

How to Web Post Snippet and read more Button ?

How to make Post snippet and Thumbnail with read more option ? This is the code will create read more button in your site.

<script type='text/javascript'>

summary_noimg =550;

summary_img =450;

img_thumb_height = 250;

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; margin:0px 10px -46px 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>