How to Create a Post Read More Button ?

SEO Help and Tips

How to Create a Post Read More Button ?

Here is the example code of create a post read more button easy.

<script type='text/javascript'>

summary_noimg = 550;

summary_img = 450;

img_thumb_height = 250;

img_thumb_width = 200;

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>

<div id="blog-post-content">

    <!-- Your blog post content goes here -->

</div>

<button onclick="createSummaryAndThumb('blog-post-content')">Read More</button>