Social Media Codes (#2)

Adding Social Media on Navigation Bar

  1. Go to Appearance > Customize > Widgets or directly from Appearance > Widgets, find “Social Media Top Menu” section
  2. Click +Add a Widget
  3. Find +Custom HTML widget and add it to that section
  4. Copy and Paste all this code below :
<div id="socmedicons">
<a href="http://www.facebook.com/" target="_blank" rel="noopener noreferrer"><i class="fa fa-facebook"></i></a> 
<a href="http://www.twitter.com/" target="_blank" rel="noopener noreferrer"><i class="fa fa-twitter"></i></a> 
<a href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a> 
<a href="http://www.instagram.com/" target="_blank" rel="noopener noreferrer"><i class="fa fa-instagram"></i></a> 
<a href="http://www.youtube.com" target="_blank" rel="noopener noreferrer"><i class="fa fa-youtube-square"></i></a>
<a href="http://www.bloglovin.com" target="_blank" rel="noopener noreferrer"><i class="fa fa-heart"></i></a>
</div>

You may remove the icons you don’t want.

Don’t forget to change content inside href=”http://URL” with your social media URL.

Add Social Media Icons to Sidebar or Footer

  1. 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
  2. Click +Add a Widget
  3. Find +Custom HTML widget and add it to that section
  4. Copy and Paste all this code below :
<div id="socmedicons">
<a href="http://www.facebook.com/" target="_blank" rel="noopener noreferrer"><i class="fa fa-facebook"></i></a> 
<a href="http://www.twitter.com/" target="_blank" rel="noopener noreferrer"><i class="fa fa-twitter"></i></a> 
<a href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a> 
<a href="http://www.instagram.com/" target="_blank" rel="noopener noreferrer"><i class="fa fa-instagram"></i></a> 
<a href="http://www.youtube.com" target="_blank" rel="noopener noreferrer"><i class="fa fa-youtube-square"></i></a>
<a href="http://www.bloglovin.com" target="_blank" rel="noopener noreferrer"><i class="fa fa-heart"></i></a>
</div>

You may remove the icons you don’t want.

Don’t forget to change “#” with your URL.

Themes List