Step-by-Step Guide:
Access the WordPress Theme Editor:
Navigate to your WordPress dashboard, and go to Appearance _ Theme Editor.
Locate the Footer Template File:
In the Theme Editor, find and open the footer.php file of your active theme.
Insert the Custom HTML Code:
Scroll to the bottom of the footer.php file and paste the provided HTML code.
Add the Custom CSS:
Next, go to the Additional CSS section in the Customizer or your theme's style.css file, and paste the CSS code.
Save Your Changes:
Save the changes to both the footer.php and CSS files.
Preview Your Website:
Check out the new footer design on your website!