Social Media Icons
Hello guys, Thanks for give me your precious time, Today i will talk to you about Social Media Icons, If you don't know then i wanna say you that you can't use any type of icons that downloaded from google in your Websites or Blogs because it will be copyright issue and it will create problem for you to approve Adsense Account. You should have a Question "What we can do for it?" Simply use below codes to generate Social Media Icons in your Websites or Blogs.
How to Add Social Media Icons to Blogs or Websites
1: Add below CSS stylesheet link to between <head> </head> tag of your Website or Blog. (If already Added then Skip this step.)
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
2: Now Copy below CSS code and Paste it above </style> tag.
.cont{
margin:0 auto;
padding:10px 0;
width: 90%;
background: #ff6600;
}
.cont i{
width:25%;
float:left;
background:#f2f2f2;
margin:auto;
text-align:center;
font-size: 50px;
padding:20px 0;
color:black;
}
.cont i:hover{
color:white;
background: #ff6600;
}
3: Now Copy this code and paste it in <body> tag, Where you want to show your Social Media Icons. <div class="cont">
<a href="https://goo.gl/7xJRde"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-whatsapp"></i></a>
<a href="https://goo.gl/M6oWa7"><i class="fa fa-instagram"></i></a>
<a href=" http://www.youtube.com/c/H4R5YouTube "><i class="fa fa-youtube"></i></a>
</div>
<br/>
<br/>
<br/>
<br/>
4: Replace Above code links with Your links and Change Icons according to your need.(where XYZ is your link and Icons Name.)href="XYZ" class="fa fa-XYZ"5: Now save it and Enjoy Hover Social Media Icons.
Video
I hope you will like this post, If you face any problem then Comment below or Contact me, I will try to Solve it. :)
Thank You.
No comments:
Post a Comment