Specify posts to appear on Tumblr custom page - javascript

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.

Related

Simplify BigCommerce Checkout Page

I have a client that is using BigCommerce and would like to simplify the checkout page. He'd like all the fields on one page but doesn't like how there's accordions. Does anyone have any suggestions on how to default all the fields to open? I am familiar with JavaScript to an extent but couldn't do this from scratch.
There's another article: TRUE single checkout page on BigCommerce
but I'm not sure how to go about putting it in the site or creating a trigger. Any help would be greatly appreciated.
I actually decided that instead of risking the potential complications with overriding their JavaScript, I just edited the physical html files from the theme.

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

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 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.

How to load Syntax Highlighter on pages which contains pre tag ?

i am a Blogger and sometime's i need to demonstrate codes on my blog, so i used a Syntax Highlighter by Alex Gorbatchev. But the problem is that the files loads in each and every page of my Blog and that makes the blog load slow.
I have got codes on some pages only so i want a way to load the SyntaxHighlighter files only on pages having tag. If there is any way to do it please help me out.
I searched StackOverflow for this question but didn't found any thread which can answer me.
If you're using jQuery and requirejs already, you could do something like:
var preElements = $('.pre');
if (preElements.length > 0)
{
//load the JS
require(['shCore.js', 'shBrushJScript.js'], function (){
//now apply it
SyntaxHighlighter.all()
});
}
Be careful that your logic doesn't somehow double apply to the same s.

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.

Categories

Resources