Introduction: Include Your Codebender Sketch in Your Instructable

Picture of Include Your Codebender Sketch in Your Instructable

Hello instructables! This is Vasilis from codebender, and since a lot of people have been asking us how to use codebender with instructables lately, I decided to make an instructable and show everyone how easy it is.

Why would you want to do that, you ask? Well, besides codebender being the best programming environment for Arduino (granted, I might be biased :P), the cool thing about it is that you by embedding your code in your instructable, it's easy for others to read it, modify it, and try it. In fact, all they have to do is connect their Arduino, click "Run on Arduino", and they can program their board with your code, straight from your instructable!

Now, no more talking. Let's do this!

Btw, to the instructables guys: I hope you like the little merging of our logos, and that you'll see this as it is, an act of love, not copyright infringement. I like spreading love, I hate getting sued :D

Step 1: Step 1: Get the Link

Picture of Step 1: Get the Link

In order to embed a codebender sketch (presumably, your own) in your instructable, you'll first need the link to it (duh!). This can be found in the URL bar of your browser or, in the codebender editor, by clicking on the Share button on the right side of the page, and then under the Share tab.

Either way, all you need to do is copy the link!

Step 2: Step 2: Embed Your Sketch

Picture of Step 2: Embed Your Sketch

Step two is just as easy. Using the new (and awesome!) Instructables editor, click on the attachment icon, and then select Embed File. In the selection, just paste the link you copied in step one, and then click Preview.

This will show you the code for the sketch you're about to embed. Don't worry if it looks a bit weird, it's just the preview. The final sketch will look gorgeous in your new instructable. Click Done.

Step 3: Step 3: Enjoy!

Save or Preview your sketch, and hit Publish when ready. Your embedded code will look just like the box in this step. People can now easily read your code, download it, clone it on codebender, or best of all, just select connect their Arduino board, click Run on Arduino, and try out your code straight from your instructable.

Ain't that amazing?

If you liked the instructable (or even if you didn't), feel free to post comments, questions and ideas below. I'd love to chat.

    Comments

    yoh-there (author)2016-06-02

    I am afraid this instructable is not antirely clear. You have to use the "Embed Video" tab it seems, then it works.

    Choose the +Add button, then select choose video, then paste the link.

    yoh-there (author)2016-06-02

    I am afraid this instructable is not antirely clear. You have to use the "Embed Video" tab it seems, then it works.

    Choose the +Add button, then select choose video, then paste the link.

    seth hettinga (author)2015-10-14

    Help me D: It will not work for me... Please help me

    I get the same error.

    wilgubeast (author)2014-11-10

    Ooooo. So pretty. If we could just get everyone to hit the paragraph symbol and use the "code" feature, that'd be something. This looks really clean, though.

    Thanks for doing your part to make readable code a part of future Instructables.

    diy_bloke (author)wilgubeast2015-09-28

    I have used paragraph button and 'code' feature often and it still stinks :-)
    Sadly this instructable doesnt work in my case, instructables insists I 'chose another link'
    So I solved it by getting the embed code from codebender and pasting that as html