Social media – Top Left Navigation Bar
- Go to Appearance > Customize > Widgets or directly from Appearance > Widgets, find “Social Media Top Menu” section.
- Click +Add a Widget.
- Find +Custom HTML widget and add it to that section.
- Copy and Paste all this code below, you may remove the icons you don’t want. Don’t forget to change the URL inside href=”http://URL” with your social media URL.
<div id="socmedicons">
<a href="http://www.facebook.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook"></i></a>
<a href="http://www.twitter.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>
<a href="http://www.pinterest.com"><i class="fab fa-pinterest"></i></a>
<a href="http://www.instagram.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
<a href="http://www.youtube.com" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube-square"></i></a>
<a href="http://www.bloglovin.com" target="_blank" rel="noopener noreferrer"><i class="fas fa-heart"></i></a>
</div>Social media – Sidebar or Footer Area
- Go to Appearance > Customize > Widgets or directly from Appearance > Widgets, find “Primary Sidebar” section if you want to put it on the sidebar, or “Footer” if you want to put it on the footer area.
- Click +Add a Widget.
- Find +Custom HTML widget and add it to that section.
- Go to Appearance > Customize > Widgets or directly from Appearance > Widgets, find “Social Media Top Menu” section.
- Click +Add a Widget.
- Find +Custom HTML widget and add it to that section
- Copy and Paste all this code below, you may remove the icons you don’t want. Don’t forget to change the URL inside href=”http://URL” with your social media URL.
<div id="socmedicons">
<a href="http://www.facebook.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook"></i></a>
<a href="http://www.twitter.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>
<a href="http://www.pinterest.com"><i class="fab fa-pinterest"></i></a>
<a href="http://www.instagram.com/" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
<a href="http://www.youtube.com" target="_blank" rel="noopener noreferrer"><i class="fab fa-youtube-square"></i></a>
<a href="http://www.bloglovin.com" target="_blank" rel="noopener noreferrer"><i class="fas fa-heart"></i></a>
</div>