How to Add HTML Code For Social Media Icons on blogger

86 / 100

The HTML Code For Social Media Icons

Hey, Guys Hoppe, you are doing well in Crazy  Days. Put a comment in the below section about yourself. Today We will discuss the  HTML Code For Social Media Icons.

Also, we can say how to add social media button on the blogger. Social media buttons are a most major part of the blogger. Every blogger should be added the social media buttons on the bloggers.

Because it helps to increasing more engagement with the audience and increasing the traffic on the website. It also builds a relationship with Google.

the-html-code-for-social-media-icons
How to Add HTML Code For Social Media Icons on blogger

If you don’t have social media account so then you should make the social media account inFacebook, Instagram, Telegram Group, Twitter, Quora, and Pinterest all they plate form is most popular on social media nowadays.

The User has been increasing on social media since 2020. By 2025, the whole country will become digital. So you should make the pages on social media and add on your bloggers.

So now if you down know how to add social media icons on social media so you don’t worry I am telling you the HTML code for social media icons then copy the code and paste it into the HTML section of the Blogger.

importance of social media:

  • Social media can improve community development by allowing communities to band together to help one another.
  • This is most often done through social media campaigns where the community shares information and photos about issues and to provides support to the victims of natural disasters.
  • Improving your audience, impressions, and you can be viral with your articles.
  • Lots of people are online on social media so get more  click on the articles and get more attraction with the customers

So let’s go  

How to Add HTML Code For Social Media Icons on blogger

Step:-1 First of all, go to the blogger and Click on the layout.

the-html-code-for-social-media-icons
How to Add HTML Code For Social Media Icons on blogger

Step:-2 Now check where you add the Social media icons but I personally suggest to you add the social media icons on the right sidebar of the blogger.

the-html-code-for-social-media-icons
How to Add HTML Code For Social Media Icons on blogger

Step:-3 After Click on the Layout then click on the Add Gadgets after that click on HTMML/JAVA Script.

the-html-code-for-social-media-icons
How to Add HTML Code For Social Media Icons on blogger

Step:-4 Now copy the below code on the HTML.

<a href="#" class="fa fa-facebook"></a>

<a href="#" class="fa fa-twitter"></a>

<a href="#" class="fa fa-google"></a>

<a href="#" class="fa fa-linkedin"></a>

<a href="#" class="fa fa-youtube"></a>

<a href="#" class="fa fa-instagram"></a>

<a href="#" class="fa fa-pinterest"></a>

 HTML Code For Social Media Icons

Step:-5 After copy the code then “#” is changing with your social media account as you can see the below side

<a href="https://www.facebook.com/all4techs/" class="fa fa-facebook"></a>
the-html-code-for-social-media-icons
How to Add HTML Code For Social Media Icons on blogger

Also, you can add all these codes to your blogger. Now go to the next point.

Step:-6 Now on HTML Section copy the below code and save the HTML.

<style>

.fa {

  padding: 10px;

  font-size: 20px;

  width: 30px;

  text-align: center;

  text-decoration: none;

  margin: 5px 2px;}

.fa:hover {

    opacity: 0.7;}

.fa-facebook {

  background: #3B5998;

  color: white;}

.fa-twitter {

  background: #55ACEE;

  color: white;}

.fa-google {

  background: #dd4b39;

  color: white;}

.fa-linkedin {

  background: #007bb5;

  color: white;}

.fa-youtube {

  background: #bb0000;

  color: white;}

.fa-instagram {

  background: #125688;

  color: white;}

.fa-pinterest {

  background: #cb2027;

  color: white;}

</style>

 HTML Code For Social Media Icons

After Saving the Code now visit your blogger home page you can see your beautiful icons on social media If you have any issues regarding blogging so you can contact me any time on my Telegram group.

If you like this blogger please put the comments in the below section also put the suggestion if you have Thanks lot for reading my blogs0

Also read:-

How to add Content of Table in Blogger
How to add Contact form in the blogger
How to add the Reaction Bar in the blogger

1 thought on “How to Add HTML Code For Social Media Icons on blogger”

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: