Social Media Icons

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>.