ad

Monday 19 August 2013

How to use Social Media Icons with HTML Tutorial

Hi There once again, 

If this is your first time visiting please share this website among your friends as I hope to satisfy all of your coding needs and hope to help anyone with any problems.

In this tutorial I will show you how to use Social Media Icons with HTML.

1st: Download a Icon Set Can be found on Google But it is safer to Download from my Blog.

2nd: Add this code to your HTML code:

<a id="SMIcons" href="https://www.facebook.com/GamerSayOfficial" target="_blank" align="left"><img src="./PATH/WHATEVER.png"></a>

3rd: Adjust with Css: I will contribute my code as It will simplify and show you how easy it is. 

#SMIcons{
position: fixed;
left: 1108px;
top: 13px;
}
#TSMIcons{
position: fixed;
left: 1050px;
top: 13px;
}

Tinker with this a little and your social media will look perfect!

 4th: By now you should know how to use css as it is fairly easy to understand if you dont understand go back to some of my other tutorials.

Finally we are done! Well done!

No comments:

Post a Comment