Make thumbnail images on blogger homepage clickable

问题

i would like to have only the thumbnail images on the blog homepage clickable and linked to its article page

Thanks http://jpst.it/y1x0

回答1:

First thing first, you must add your code into the question.

i took the code from your link and updated it with the hyperlink.

Try this

<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 = '<div id="thumbnail"><div class="thumbnail"><a expr:href='data:post.url'><img src="' + img[0].src + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></a></div></div>';
            summ = summary_img;

        }


        var summary = imgtag + '<p>' + removeHtmlTag(div.innerHTML, summ) + '</p>';

        div.innerHTML = summary;



    }

    //]]>
    </script>

In your script i only added the hyperlink, check it below:

<a expr:href='data:post.url'><img src="' + img[0].src + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></a>

来源：https://stackoverflow.com/questions/29526771/make-thumbnail-images-on-blogger-homepage-clickable