-->
  • Recent Articles

    How to make an image a link on Blogger

    How to make an image a link on Blogger



    1. First Upload an Image to blogger.  



    2. Right click on that Image and click on "copy image address". The URL would look something like below: 

    https://1.bp.blogspot.com/-lPF1CNXAXXX/XtY20J1HrhI/AAAAAAAALKM/fgh2ZYxNCnMv0YmS5HNuaUWM9ml/s400/Cloud_Computing_eduonix.JPG

    3. Now Go to "Layout" and click on "Add a Gadget". Then choose "HTML/Javascript" Gadget.
    Image Hyperlink


    4. Now "Configure HTML/JavaScript" Gadget and put following code in the Content Box and Save it.

    Please do not forget to Change "Your Image" location and Link URL.

    <a href="https://clnk.in/kJ4r"><img src="https://1.bp.blogspot.com/-lPF1CNXAXXX/XtY20J1HrhI/AAAAAAAALKM/fgh2ZYxNCnMv0YmS5HNuaUWM9ml/s400/Cloud_Computing_eduonix.JPG" style="width:250px; height:250px" title="Cloud_Computing_eduonix" alt="eduonix"></a>


    The code used the following options:

    <a> is the link tag.
    href attribute sets the URL to link to.
    <img> is the image start tag.
    src attribute sets the image file.
    title attribute sets the image tooltip text.
    alt is the image tag alt text attribute.
    style attribute sets with css the width and height of the image.
    </a> is the link end tag.

    No comments