You can use the code below for the social icons everywhere on your blog (menu, sidebar, footer, etc). Use a HTML/JavaScript widget.
Replace ADD-LINK with the links to your social media profiles. Replace add-your-email with your email address.
Important! Make sure you add https:// in front of your links (if you're writing them) to avoid broken links.
Example:
- Corrent link: https://www.instagram.com/studiosaroya
- Broken link: www.instagram.com/studiosaroya
<div class="social-icons">
<a href="mailto:add-your-email" target="_blank"><i class="fas fa-envelope"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="ADD-LINK" target="_blank"><i class="fab fa-tiktok"></i></a>
<a class="search-open"><i class="fas fa-search"></i></a>
</div>How to add more social media icons?
Head over to FontAwesome to search for icons (there's a lot!). When you find the icon you need, click on it and copy the HTML.
Paste the HTML between <a href="ADD-LINK" target="_blank"> and </a> and add the full code directly above </div>.