Include Your Codebender Sketch in Your Instructable

1,614

11

7

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

Teacher Notes

Teachers! Did you use this instructable in your classroom?
Add a Teacher Note to share how you incorporated it into your lesson.

Step 1: 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

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.

Arduino Uno

Be the First to Share

    Recommendations

    • Assistive Tech Contest

      Assistive Tech Contest
    • Reuse Contest

      Reuse Contest
    • Made with Math Contest

      Made with Math Contest

    7 Discussions

    0
    None
    bassman76jazzCRCibernetica

    Reply 11 months ago

    I was having this error recently and I found that the video has to have allow embedding from the youtube chanel creater studio advanced options checked. If you did not create the video then you wont be able to embeed it.

    0
    None
    yoh-there

    3 years ago

    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.

    0
    None
    yoh-there

    3 years ago

    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.

    0
    None
    wilgubeast

    5 years ago on Introduction

    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.

    1 reply
    0
    None
    diy_blokewilgubeast

    Reply 4 years ago on Introduction

    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