The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Social media CSS button integration into HTML?, Need help
aurora
post Nov 8 2019, 08:39 AM
Post #1





Group: Members
Posts: 2
Joined: 8-November 19
Member No.: 27,035



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 8 2019, 11:00 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,445
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 8 2019, 11:22 AM
Post #3


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,445
Joined: 9-August 06
Member No.: 6



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'>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
aurora
post Nov 9 2019, 07:12 PM
Post #4





Group: Members
Posts: 2
Joined: 8-November 19
Member No.: 27,035



Thats true! Thanks!

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

I will write here a solution if I find any
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 10 2019, 09:21 PM
Post #5


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,445
Joined: 9-August 06
Member No.: 6



Well, if you post the link to your page we maybe are able to figure out what's amiss.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 6th December 2019 - 02:45 AM