HTML Code for Social Media Buttons to website / Blogger

HTML Code for Social Media Buttons to website  / Blogger

HTML Code for Social Media Buttons to website  / Blogger

In my article, I am providing you HTML Code for Social Media Sharing. Copy these codes and paste it into your Blogger Layout section, where you can add a gadget and select HTML Script option. 

HTML Code for Social Media Sharing 

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

-------------------------------------------------------

css code

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