How To Add A Clickable Image Banner To Your Blogger Website?

Ever wanted a banner that fits the layout of your website be it on a laptop or android smartphone well you can thank me later as I've got the perfect widget for this occasion.

Step 1: Go to Blogger's layout section and click Add Gadgets 

Step 2: You will have to choose HTML/JavaScript and copy the code provided below

<div style="text-align: center;">

  <a href="https://prsdube16.blogspot.com/p/posts-you-might-like.html?m=1">

    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi52nPaphdgFKT0v84OY3OHqF_GZOFI0x1LhDRUg9q_hBpaamr0cQVwAViHms_INuj_eAUXiRLEl0GZlXHTHDhELzZptnPQjLrCuJvcfNxyz-s4Gj07_h1Nm-3X6_rvFe6dE-HWfUauPlEmJJOzbNVnkRuKHQC0tdu6ysWoViWIm_qR4sIdyt4E2_luAGk/s470/IMG_20250718_220318.jpg" alt="Banner Description" class="clickable-banner" style="max-width: 100%; height: auto;" />

  </a>

</div>

Notes

• By <a href> replace the link with the page or site of your choosing

• For <img src> I needed to go to Blogger's posts to get the image link which would require you to upload the image and you'll find a button similar to this one "< >" click it and select html view. Within there select the href that link would make up img src or the component that helps display images.

Posts From Insidus Lite

Loading more randomised posts...