html-code-for-social-media-icons

How to Add HTML Code For Social Media Icons on blogger

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 increase more engagement with the audience and increase the traffic on the website. It also builds a relationship with Google.

social-media-icon
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  

The best platform for social media

There are lots of platforms for social media but some social media are not good for the blogger quora is one of the best platforms for quora you can generate lots of traffic from the quora. Because lots of people ask to query and you can answer the people by your content.

Facebook is one largest platform where billions of people are live every day it is also one best platforms where you can generate good traffic from FB. On Facebook, you can make your own FB page also you can make a group. On Facebook  Lots of live pages are available you can join the nanny page and share your website page and get more traffic on your website

Twitter is one best platform where you can viral the content easily If your content is a legend. So you should make the page on Twitter and you can viral your content and get more traffic on your site.

Telegram Group is better than whats app group because you can add more than 50k people in a group. If you make a telegram group then you can be discussed with your audience and also resolve the audience problems and you can write a blog about the issues o your audience.

According to mem these all platform is better than other. If you make lots of platforms so you will not able to handle all these accounts so make the accounts only legends platform. I used only Facebook, Twitter, Linked In, and Twitter so you can make the account according to your requirements.

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

click-on-layout
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 you add the social media icons on the right sidebar of the blogger.

replace-code
How to Add HTML Code For Social Media Icons on blogger

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

click-on-html
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 copying 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>

Copy-the-1st-code
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>

DEMO

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 Thanked me a lot for reading my blogs.

Also read:-

How to add Table of Content in Blogger/Blogspot?

How to add Table of Content in Blogger/Blogspot?

How to Add Reaction Bar Buttons in Blogger and WordPress

How to Add Push Notification in Blogger

How to add Privacy Policy page on blogger

How to add Terms and conditions on blogger

Thanks for reading this blog please put the suggestion or feedback in the comments section. If you have any issues so you can contact me any time also you can join telegram my group where I will share daily some tips about blogging so you can join my group.