Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Web Site Functionality _ Social media CSS button integration into HTML?

Posted by: aurora Nov 8 2019, 08:39 AM

Hello,

I'm making a blog for my project and my hair is turning gray from trying to integrate social media buttons....

I've never programmed in HTML or CSS so I'm desperate for help...

This is what I'm trying to integrate: https://codepen.io/minimalmonkey/pen/Ecpla

So from what I understand I need to copy the html code to the html of the blog post ( because thats where I want my buttons)

and copy and paste the CSS code to the HTML code of my blog, by putting <style></style> before and after the CSS code, and pasting that before </head>

My blogpost has two </head> , and if I put it before either, it doesn't work....

Please help!

Posted by: pandy Nov 8 2019, 11:00 AM

I don't know what blogging software or service you use. Even if I did I wouldn't know anything about it, I'm afraid. But I do know there should only be one HEAD.

Posted by: pandy Nov 8 2019, 11:22 AM

I think I get it. All needed HTML isn't displayed in the HTML box at codepen. It seems this LINK is needed to get the icons (goes in HEAD). You can see it if you view source of the frame with the icons at codepen.

CODE
<link rel='stylesheet' href='https://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css'>

Posted by: aurora Nov 9 2019, 07:12 PM

Thats true! Thanks!

Still doesn't work, most likely blogger issue...

I will write here a solution if I find any

Posted by: pandy Nov 10 2019, 09:21 PM

Well, if you post the link to your page we maybe are able to figure out what's amiss.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)