Page 1 of 1

Facebook share buttons

Posted: Tue May 16, 2023 11:22 am
by Most Evilest
Hello everyone,

I'm still learning the ropes when it comes to web building and have started adding blogs to my website to generate more traffic. The only problem is I can't seem to figure out how to add in the Facebook, twitter, insta, ect share buttons. I've tried imputing the code manually, that doesn't work, as well as trying to use the Ready to use java script. And while I can get the Facebook share icon to come up and working, The twitter one doesn't show up. Also, they will only stake on top of each other rather than horizontal in the program.

Are their any online tutorials or explanation I can use for this? I am at my wits end with this. Thanks in advance.

Re: Facebook share buttons

Posted: Tue May 16, 2023 12:09 pm
by Pablo
Did you publish the page?
Because Facebook and Twitter scripts only work online.

If you need further assistance then please share a link so we can see what you have done.

Re: Facebook share buttons

Posted: Tue May 16, 2023 12:52 pm
by wwonderfull
For facebook share button Put this code in an HTML object you can find from toolbox

Code: Select all

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your share button code -->
<div class="fb-share-button" 
data-href="https://www.your-domain.com/your-page.html" 
data-layout="button_count">
</div>
NOTE: You must change https://www.your-domain.com/your-page.html by using the URL of the webpage you would want to share from your website.

Re: Facebook share buttons

Posted: Tue May 16, 2023 3:19 pm
by Most Evilest
Yeah, I have the site published at this time. http//www.mostevileststudios.com

but they currently without the links since i couldn't get them to work. also, how do I edit the preview section of the ready to use?

Re: Facebook share buttons

Posted: Tue May 16, 2023 3:40 pm
by Pablo
If you need help with the Facebook scripts then please include them on the page otherwise cannot see what is wrong.

You cannot edit the 'preview' section.

Also, note that version 15 is no longer supported.

Re: Facebook share buttons

Posted: Thu May 18, 2023 7:44 am
by Most Evilest
I'm aware that it's not supported anymore. That's why I asked if their were any articles or videos about how to set it up.

Also, I've not added them because as I said originally, I can't find a way to even set them up.

Re: Facebook share buttons

Posted: Thu May 18, 2023 8:20 am
by BaconFries
Are their any online tutorials or explanation I can use for this? I am at my wits end with this. Thanks in advance.
Have you tried "Google. The FB developers page tells you exactly how to use/add to the page. To add any of the social media scripts found in Ready-to-use-JavaScript it as simple as dragging them to the page and place where you wish. If the are over lapping then there may be other script/code causing a conflict this is why we ask for a url/link to page with them providing one without doesn't help!.
That's why I asked if their were any articles or videos about how to set it up.
As previously have you tried "Google. Also did you read wwonderfull reply about adding the code/script he provided to a HTML Object?