<div class="further-read-box">
<div class="further-left">
<img src="https://media.wifh.com/wp-content/uploads/2023/11/The-Dangers-of-Black-Market-Botox.jpg" alt="The Dangers of Black Market Botox®" /></div>
<div class="further-right">The Dangers of Black Market Botox®
<a href="https://www.wifh.com/blog/dangers-black-market-botox/" target="_blank" rel="noopener">Read More</a></div>
</div>

Instructions:

1. Open the code editor
2. Copy-paste the snippet where needed
3. <img src=”https://media.wifh.com/wp-content/uploads/…
   • Go to the media library
   • Search for the featured image with dimensions 301×215, by typing the featured blogpost title
   • Click on the image and click on “copy URL to clipboard”
     
   • Replace the source url
4. If you can’t find the featured image:
   • Go to the featured blogpost and download the featured image
   • Resize and crop to fit 301×215 px
   • Make sure the image file name is the blog title, so we can easily find it in the library for future use
     • eg. The-Dangers-of-Black-Market-Botox.jpg
   • Upload it in the media library
   • Copy the URL and replace the image src url  in the content block
5. alt=“The Dangers of Black Market Botox®”
   • Make sure the alt attribute is the featured blog title
6. <div class=”further-right”>The Dangers of Black Market Botox®
   • The featured blog title goes here
   • If you need to insert a line break, type <br> where you want the line break
     • eg. The Dangers of <br>Black Market Botox®
     • It’s going to be displayed like this
       The Dangers of
       Black Market Botox®
7. The button: <a href=”https://www.wifh.com/blog/dangers-black-market-botox/” target=”_blank” rel=”noopener”>Read More</a></div>
   • Update the href attribute with the right link