Need to display this twitter feed from a website on my website - javascript

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?

Related

Essential Grid Facebook Share

Essential Grid has an option to create a link to Share on Facebook, however when i try to put it, on the front end the link appears with javascript: void(0).
What can be the problem?
Also, is it possible to do with custom URL something like:
https://www.facebook.com/sharer/sharer.php?u={{postURL}}
I can do that in Revolution Slider but i dont know how to get the post URL in Essential Grid.
I have found a workaround!
add this link:
<i class="eg-icon-facebook-1"></i>
Here:
Source:https://www.themepunch.com/faq/social-sharing-alternative-2/

Specify posts to appear on Tumblr custom page

I want to create a custom page and I want posts with a couple of tags (e.g. Photoset and Gifset) to appear on it. I just learned that one way to do this is by using the Tumblr API. I'm not very knowledgeable in javascipt, can someone guide me through this? Thanks a lot.
I think you can filter post by tags.
$.getJSON("http://{Name}.tumblr.com/api/read/json?tagged='[WHATEVER TAG YOU SPECIFY]'&callback=?", function(data) {
// Rest of code here...
});
I found this code here.

How can I add embed function to a page

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.

sharing alternatives similar to addthis/sharethis

Please have a look at http://500px.com/photo/3977429?from=popular. Down in the right corner, theres a sharing box. It looks pretty similar to sharethis. But, afaik, sharethis doesnt have embed or submit for example, and im looking for those options. Does anyone know which plugin is used here? Thanks
On the page you linked to, they didn't use anything like sharethis or addthis - they rolled their own. Looking at the code, its clear that they went to facebook, got the facebook like button, embedded it - then wen to google, got the google plus button, etc... and made a grid of them.
You can stylize the sharethis buttons with css to pretty much any extent,
or you can add a grid like that of your own.
The available alternatives to sharethis.com are :
addthis.com
addtoany.com
socialmarker.com
I'm sure there a a lot more out there, but those seem to be the most popular.
If you want something custom like they have and want access to the buttons
here are some sets of images you may be able to use:
http://speckyboy.com/2009/01/26/30-amazingly-creative-social-bookmarks-icon-sets/
Inspecting the source leads me to believe that it is custom work. The images, links and such are placed in the HTML serverside. Only the stumbleupon is pulled from stumbleupon itself. But also not trough some third party service like sharethis.

Displaying comments of a page without allowing new comments

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

Categories

Resources