Trouble adding a Like Facebook button...

User 2096904 Photo


Registered User
87 posts

www.washoe.k12.nv.us/mtrose

using HTML editor, I added this code just below the <body> tag as per the instructions.

<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

---------------

And this code using the HTML insert tool in VSD

<div class="fb-like" data-href="https://www.facebook.com/pages/Mount-Rose-PK-8-Academy-of-Languages/140530029318473" data-width="450" data-height="35" data-colorscheme="light" data-layout="standard" data-action="like" data-show-faces="false" data-send="false"></div>

Then I saved and published, refreshed the page, but it's not displaying. Any thoughts?
User 187934 Photo


Senior Advisor
20,271 posts

I don't see this in the source code.
<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2096904 Photo


Registered User
87 posts

Yes, it keeps disappearing. I think it has something to do with the fact that the school district filters out Facebook, to I have to generate the code at home and then email it myself. I'll try it again tonight, save the code in a .txt file and see if that solves the problem.
User 1948478 Photo


Senior Advisor
1,850 posts

Just a thought, Amy:

In your two-step approach of (1) Using the HTML Editor to edit the VSD page, and (2) Using the HTML insert tool to add HTML markup, I think the sequence of events would be important. If you do (1) before (2), whatever you added with the Editor will be over-written by step (2), i.e. it would disappear..
If you, instead, were to use the HTML tool first, followed by the addition of code using the Editor, things should stick...
User 2096904 Photo


Registered User
87 posts

Okay, I get what your saying. So, the html code that I inserted using the tool in VSD is showing on the VSD index page.
So, I go back to the HTML editor, and insert the Javascript and save. Then I reopen the page and the script is there. But after publishing in VSD the code disappears. Weird. I even tried adding the Javascript directly to the index page on the server. I saved, and reopened the server index page, and the script and code are there, in the correct locations, but it does not display. And I have F5 the page, but still no. WEird.
User 187934 Photo


Senior Advisor
20,271 posts

Or take this approach.
http://progrower.coffeecup.com/facebook.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2096904 Photo


Registered User
87 posts

Uugghh! Okay, following the directions made available to me here: http://www.coffeecup.com/help/articles/ … your-page/
I am confused. The directions say to use the Iframe code. If I choose Iframe from the four selections across the top, no code appears.
So, selecting HTML5 like the directions show, and two codes show up. Are you saying I only use one of them? Which is the Iframe code? The top or the bottom one.
User 187934 Photo


Senior Advisor
20,271 posts

There's no facebook code in your page. It's easier to help if you leave things the way they were and make any adjustments that users post and let us see the results before making more changes. I will try the instructions that coffeecup provides and see how it goes. Be right back.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,271 posts

I used the HTML 5 code. Pasted both chunks into the body html of an html box and got this.
http://progrower.coffeecup.com/test.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.