Interactive Poster in email

So excited that I managed to find out how to send the email with my interactive poster. I was able to create a poster with hotspot links embedded using image mapping which I had shared in my earlier post http://ezitnew.blogspot.com/2019/07/interactive-poster-image-mapping.html but did not know how to send the interactive poster within the email. I created a hyperlink on the poster and posted them on a blog as I could do so in the html composition. 

To my delight I found out today how to embed the interactive poster in the email @ https://www.wikihow.com/Send-HTML-Emails 

I just have to right click on the main section of the compose window, then choose 𝗜𝗻𝘀𝗽𝗲𝗰𝘁 from the pop up menu. 

Within the source code, I right click on the part I want to edit and click on 𝗘𝗱𝗶𝘁 𝗮𝘀 𝗛𝗧𝗠𝗟 in the pop up menu.

I pasted the html code (ctrl + V) which I generated in image mapping. After I closed the source code window, the interactive poster appeared in the compose window.

The embedded links will appear as you hover over the poster. 

Some samples from 2019 https://efsstel.blogspot.com/?m=1 before I use our intranet which limit the viewers to our school.

Interactive Poster - Image mapping

Step 1: upload to your drive or blog the image which you want to add the hotspots to external links.

e.g. the picture below

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRgTpoiIigjPAMg_SD5ov6mVo3PfIj4ctaAPeFP988sf_kZWMsU9sagjEdi_Yc9x_1b_vqartk-NO2JeEoI6Q-Z8SvMLmx9YgnWlZT4QDRF4wCiN0_CkbIgCPwZ975FhTcdCElacnbuz4/s700/google+suite+guide.png

Step 2:  Goto http://www.isdntek.com/tagbot/imap.htm

Step 3: After you paste the html code in your site, it will appear as the interactive poster shown below.