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 increase more engagement with the audience and increase the traffic on the website, it also builds a relationship with Google.  We will fully guide you for social media icons HTML code for bloggers.

social-media-icon
How to Add HTML Code For Social Media Icons on blogger

Suppose you don’t have a social media account. In that case, 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.

Now, if you down know how to add social media icons on social media, 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.
  • It 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.
  • You can be viral with your articles by improving your audience, impressions, and clicks.
  • Many people are online on social media, so get more clicks on the articles and get more attraction with the customers.

Social Media Icons For Blogger

If you are a blogger so don’t worry we fully guide you on how to add social media icons for blogger read this article till at the end.

The best platform for social media

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

Facebook is one largest platforms 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 FB page and 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 platforms 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, you can be discussed with your audience and 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 others. If you make many platforms, you will not handle all these accounts; make the accounts only the legends platform. I used only Facebook, Twitter, Linked In, and Twitter to make the account according to your requirements.

How to Add HTML Code For Social Media Icons on blogger

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

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 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:-4Now copy the below code and paste it.

<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>

Step:-5After copying the code, then “#” is changing with your social media account, as you can see 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>

How to add social media icons to blogger Header

If you want to add social media icons to the blogger Header, Social media icons are unavailable. It depends on your templates. Some of the template’s social media icons are not available, but most of the template’s social media are available on the left side or right side of the header. So you directly add the link on the header icons after adding the link on the icons of icons.

If you are using old templates, code and social media cions are not available, and you should change your template.
So now the point is to add social media icons to the blogger Header, log in to your blogger’s go-to layout section, see the header section icons are available, and add the direct link on the 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, you can contact me on my Telegram group. how to add social media icons in html

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.

How to Add Social Media Buttons to Blogger Sidebar

Its to easy to add the social media icon to the blogger sidebar so go to your blogger layout and click on the sidebar then click on the add button and after a click on the HTML Code then click on add the title and paste the code then save the code after saving check on the home.

 Blogger – Layout – slidebar-HTML Java Script – Title- paste the code- save

Also read:-

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