Picture of Instructables on your Website or Blog - UPDATED!
Screen shot 2010-12-08 at 22.04.31.png
Screen shot 2010-12-08 at 22.04.02.png
This Instructable shows you how you can embed a list of links to your Instructables on your website, formatted just like on your profile page. They're updated automatically each time the page is loaded and are sortable by views, rating, recent and name. You can navigate through the pages of your Instructables by clicking the "Prev" and "Next" buttons, or by editing the "offset" in the URL.

Your profile page is fetched using PHP and the links and pictures scraped out of the html code from Instructables. These are then rearranged to look like the standard Instructables layout, your visitors clicking on them will take them straight to your Instructable.

All images are "hot linked", so there's no impact on your web server storage or bandwidth. All of this is done with the kind permission of Eric.

A list of some of the sites that have successfully installed this so far:
redtorope.com/instructables (mine)

A full list of users that have used it successfully will be added to the last step and updated when I learn of new uptakes.

Many thanks to gmjhowe for helping me write the HTML and CSS used to make the results the PHP finds look pretty and for taking great photos for this Ible.

I have previously fetched web pages with Perl; this is my first attempt with PHP. A list of resources in the last step shows the websites that I used to learn how to do this, all of these were invaluable.
In Wordpress 3.3. I had to add the unfilter plug-in for it to work. Since it is on a private server it will not be that big of deal.
zieak4 years ago
I finally got it working on my site. I have a self-hosted wordpress setup. I had to take the code from step 3.4 and put it into the page text (I put it at the beginning.)

I banged up some of the code in other places on my site so need to go fix that...

Thank you so much for this!
Jayefuu (author)  zieak3 years ago
Hi zieak. I visited your website, you need to update to the new code since HQ changed the HTML on profile pages. It's just a couple of lines around the regex to hunt the names/images.
Jayefuu (author)  zieak4 years ago
I added a link and a screen shot to the last step.
Jayefuu (author)  zieak4 years ago
Nice! Glad it works, thanks.
I wonder is there a decent way to pull the profile card, with all the info on it on to a site... Going to experiment but any suggestions or help would be awesome...
Jayefuu (author)  killerjackalope4 years ago
Would be pretty easy to be honest. You could snip some of the code out of my script if you wanted to do it yourself. Or wait til the weekend and I'll do it for you, it's a good idea and quite interesting :D

If you do do it yourself this page will help:
Awesome, I'll have to take a crack at it, didn't know about that little page trick...

When's the next views count by the way? Not far from 1M now...
I want it to work on Blogger. Baaaaaaah! Is there a way to run the script and have it spit out the HTML? It'll mean manually updating with each new Instructable, but it could be a real time saver for retrieving info. Or it could just be a stupid idea. :-P
Jayefuu (author)  AngryRedhead4 years ago
I think you'll probably have the same problem as jen7714. Since you don't pay for your hosting, blogger don't give you the power to do as much as someone that does host their blog on their own hosting. It could probably be made to work for blogger, I can't imagine why not, but I don't think you'll have the access or privileges required to do so on a .blogspot.com blog.
On a side note to that a huge number of free hosts will allow you to use various extra languages you just have to enable them on your profile, never used blogger personally though.
jen77144 years ago
Ahhh I was getting all excited about getting all my instructables on my blog but them another problem awaits. Apparently, worpress.com (the free one) doesn't allow plugins.

Any way to work around that?
Jayefuu (author)  jen77144 years ago
Oh no.

I can't think of a way around that, sorry. You could have a static version, but that wouldn't be as fun :)
jen7714 Jayefuu4 years ago
Blehh. :( But a static version might be better than nothing. Or I'll just link...
thedod4 years ago
In order to make it work, I had to install php5-curl: (sudo apt-get install php5-curl on ubuntu/debian), and it stil didn't work until I've added to php.ini the line extension=php_curl.so.
Works now, though :)
thedod thedod4 years ago
Spoke to soon: the video play button has src="/static/img/playVideo_huge.png" (i.e. on my own server) and comes out broken :(
Jayefuu (author)  thedod4 years ago
Videos! I forgot about videos! I don't have any so I didn't think to do it. Will update it tonight when I get home. It's a problem in the regular expression line that sorts all 15 ibles from the HTML.


Care to add a link to your site here?
thedod Jayefuu4 years ago
It's actually localhost, but when I do a facelift to http://zzzen.com I'm thinking of using this
Jayefuu (author)  thedod4 years ago
Ahhh brilliant. Glad you got it working locally. I forgot that I had to uncomment that line in php.ini.
NachoMahma4 years ago
.  Fantastic!

And you mentioned me! Woot!!