How To Create Clickable Image Widget In Blogger

Hello friends,

Today I will tell you how to create clickable image widget in your Blogger. Clickable image means when people click on image it will redirect them to particular url or website. It's very easy to do this. Let's see how we can do it.

Clickable Image Widget For Blogger

For creating this widget you required following things...

1...An Image

... First of all you required an image which you want to show on your blogger widget. This image will appear on your website in widget section (it may be sidebar-widget or footer-widget).

... To get image you can search on google for the image of your requirement or you can create your own image with help of any image editor.

2...An url

... Now we have an image for our widget. Next thing we require is an url. An url where you want to redirect people when they click on image.

... url may be the url of your Facebook-page , Telegram-channel, your another website url or it may be something else. So copy the url of your choice and keep it because we will require it later on.

3...HTML code

... Now last thing we require is HTML code to create this widget.

Simple HTML code for this widget

------------------------------------------
<a href="url-where-you-want-to-redirect">
<img src="your-image-url"/>
</a>
------------------------------------------

You can also modify this widget by adding height and width of image.

For example...

------------------------------------------
<a href="url-where-you-want-to-redirect">
<img src="your-image-url" width="360" height="auto"/>
</a>
------------------------------------------

Put your url in above HTML code.

>>First url is the url where you want to redirect, so put here url of your choice.

>>Second url is the url of your image.

How to Get url of your image

1. Go to blogger and click on new post.

2. Now click on image icon and upload your image.

3. Now click on HTML (beside compose). Here you can see url of your uploaded image. Copy it and place it in our widget HTML code.

(Now you can delete your post because we get our url. So no more need of this post)

How To Add Clickable Image Widget In Blogger

Step 1 - Go to Blogger and click on layout.

Step 2 - Now click on add widget in sidebar-widget or footer-widget.

Step 3 - Now click on HTML/Javascript

Step 4 - Now paste our HTML code in content field. Also give any title to widget. For example.. join our telegram channel. And then click on save.