HOW TO ADD FONT AWESOME ICONS TO A BLOGGER SITE

2023-04-07-how-to-add-font-awesome-icons-on-a-blogger-site
HOW TO ADD FONT AWESOME ICONS TO A BLOGGER SITE

Go to your blogger site.

Click on layout and "add a gadget".

Click on HTML or JavaScript in a pop-up window, give it a title, and add the below codes to the content area.


<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css' rel='stylesheet'/>


<div style="text-align: center; padding:  25px;">


<a href='https://twitter.com/name/'><i class="fa-brands fa-twitter" style="color:  #729c0b; font-size:  30px; padding-right:  10px;"></i></a>


<a href='https://www.linkedin.com/company/name/'><i class="fa-brands fa-linkedin" style="color:  #729c0b; font-size:  30px; padding-right:  10px;"></i></a>


<a href='https://www.facebook.com/name/'><i class="fa-brands fa-facebook" style="color:  #729c0b; font-size:  30px; padding-right:  10px;"></i></a>


<a href='https://www.instagram.com/name/'><i class="fa-brands fa-instagram" style="color:  #729c0b; font-size:  30px; padding-right:  10px;"></i></a>


</div>


Move it to the footer section on the layout.

Hit the SAVE icon to save the layout.


2023-04-07-how-to-add-font-awesome-icons-on-a-blogger-site-1


2023-04-07-how-to-add-font-awesome-icons-on-a-blogger-site-2


2023-04-07-how-to-add-font-awesome-icons-on-a-blogger-site-3


illustration images from undraw created by

Katerina Limpitsouni


Comments