I've been using the facebook comments plugin to allow users to display comments on one of my pages.
Now I want to keep showing the already written comments without showing the form to post new comments, I don't want users to be able to write new comments, but just to read the old ones.
Is this possible?
If this is not possible, is there any snippet to read all the comments from the graph and displaying them in a page?
I thank you in advance.
The Comments Plugin documentation says how do to this, though the use-case there is for embedding the comments in a hidden div so search engines can crawl the comments
See https://developers.facebook.com/docs/reference/plugins/comments/ - the section marked How do I access the comments left on my site? explains how to do it and links to some sample code
Related
I'm trying to build my own social sharing links on blogger
but the problem is that data:post.url doesn't retrieve the URL of the current post, it seems like it doesn't work at all.
And here's what I'm trying to do in more details:
1) I'd like to create my own sharing links so that my website runs faster than using third party plugins/websites — which usually inject tracking .JS and are not SEO optimized.
2) I'm totally aware that for data:post.url to work, I should first add the expression expr followed by href... for ex: expr:href
3) So the final code for a facebook sharing button is like this:
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank' title='Facebook Share'><i class="fa fa-facebook" aria-hidden="true"></i></a>
When I hover my cursor over Facebook sharing button (or click on it), I get http://www.facebook.com/sharer.php?u= without the current URL which means that data:post.url is not working
Is there a solution or an explanation to this?
Thank you.
Problem solved!
After that I posted this question here, I opened an old blog I made a long time ago for testing purposes and started observing the code until I found a similar one, which means that the above is correct.
I did a test, I pasted this one right before the closing </body> as I used to do and it didn't work. I then tried to paste it in front of the original code and guess what? It worked with no problem!
Well, it's totally normal, thanks to an article I read after that, I found out that there are two types of data: Those that can be accessed anywhere in the theme (Global) and those that can be accessed only under their appropriate widget (Local).
So data:post.url is a local type of data which can be accessed only under Post widget!
If you'd like to see a similar code functioning, search for Blog posts widget and paste it there under it.
To find Blog Posts widget, open the HTML of your theme, then on your keyboard click on CTRL+F and type Blog posts, you will be directed to title='Blog posts', paste your code anywhere between <b:widget title='Blog posts'... and </b:widget>. Save the changes and then visit your website to see how that perfectly works!
For my share buttons, I used another type of data that can be accessed anywhere in the theme: instead of data:post.url, I typed data:blog.url so that I can put the code right before </body>.
If you'd like to see how it works on my blog: Click Here
It should be work. But if not, have you try to remove that double quotes on that facebook link? 'http://www.facebook.com/sharer.php?u=+data:post.url' how it goes?
I would like to display this twitter feed located here:
http://www.mccabesirishpub.ca/kitchener/
would love if it can be done somehow as an iframe or something equivalent, please give me details with your answer as I am student and doing this to learn stuff, this part of a project we are doing.
Regards!
Well, you could do an iframe and reference the objects id in order to display on another site, but unfortunately twitter's widget doesn't have an id that you could use for that.
But the preferred process for making this exact widget is pretty simple. If you login to twitter and go to:
https://twitter.com/settings/widgets/
you can create this exact widget for any public twitter feed.
Twitter then gives you an html embed code that you simply paste in your html where you want it and boom, twitter feed.
Here's an example of a twitter feed I just made for the place you're asking about:
http://jsbin.com/kisetejoca/1/
Let me know if you have any questions. Good luck with your class! ;)
edit:
Did my answer help, or is there something else you need? If so, could you mark it as the correct answer?
How can I add this function to something: http://awesomescreenshot.com/0ec17ri8dc
Its from this page.
Notice when you click on it a popup appears with the generated html to add the code somewhere. Have ben unable to find a good google search query that doesn't bring up irrelevant pages.
Thanks in adv.
Here's a quick solution.
If you know some basic jQuery you won't have problems with understanding the code but feel free to ask if you need any help.
Keep in mind that the code won't trigger a pop-up, it's just to get the embed code. I'd suggest using some plugin for this, fancybox is a good one.
I have a blog hosted freely on blogger. I want to show some html live demo, as my tutorial is about javascript and html. Can anyone suggest, how it can be done, i have to display sample javascipt page based on Extjs.
It should be embedded inside the post, like how we paste the code using code syntax highlighter.
Something similar to this demo: http://docs.sencha.com/touch/2-0/#!/api/Ext.form.Panel
Edit-1
As per #Circadian, i have used jsFiddle.net but it is giving entire code too, as shown in the image attached. But I don't want to share my entire code. Any other better suggestions? .
Thanks in advance.
jsfiddle offers iframe embedding and supports Extjs
edit:
then have a look at using github gists
I just set up Facebook social plugin comments on my site, but I'm having a little trouble with them. When I get a notification saying that someone commented on something I commented on, if I click on that link I see no comments, but if I reload the page without the ?fb_comment_id=... then I can see the comments.
For instance:
http://www.5crideshare.jessepollak.me/rides/17?fb_comment_id=fbc_10150513336718064_21937866_10150513339773064&ref=notif¬if_t=open_graph_comment#f82002554
shows no comments, but
http://www.5crideshare.jessepollak.me/rides/17
shows comments.
Any ideas on what might be causing this?
Thank you very much,
Jesse
Because Facebook supposes that they are two different pages. While you are adding the plugin to your page, pay attention to data-href value.
Make your data-href value constant for the same page, although it may be requested with different URLs with extra querystrings.
When I look at your page source, clicked from notification:
<div class='fb-comments' data-href='http://www.5crideshare.jessepollak.me/rides/17?fb_comment_id=fbc_10150513336718064_21937866_10150513339773064&ref=notif¬if_t=open_graph_comment' data-num='{:posts=>2}' data-width='500'></div>
</div>
On this page, data-href value should be without unnecessary querystrings. It should be like this same with clear one: http://www.5crideshare.jessepollak.me/rides/17