3 Simple Ways to
Share What You Make

With Instructables you can share what you make with the world — and tap into an ever-growing community of creative experts.

PhotosPhotos

Share one or more photos of a project, recipe, or whatever you've made, quickly and easily.

Step by StepStep-By-Step

Share your step-by-step photos with text instructions of what you made so others can do it too!

VideoVideo

Share your how-to video. You'll need your embed code from a video site such as YouTube.

How to make a step-by-step Instructable

How to make a step-by-step Instructable
Want to share your ideas with the world, but you're confused by how to start? No worries, in this Instructable we'll cover how to make a basic step-by-step Instructable. There are even pictures provided so you can follow along for your first time out.

After this you should have no problems making your own Instructable. If you do, feel free to leave a comment below!

All right, let's get Instructablizing!
 
Remove these adsRemove these ads by Signing Up
 

Step 1Video and files

Video and files
The first step is to download the image files. Inside are the 6 photos we'll be using here. If you want to see the whole process talked through, check out the video below which covers everything. Otherwise, let's move on to the next step to get started.

« Previous StepDownload PDFView All StepsNext Step »
13 comments
Mar 10, 2012. 8:17 AMmistic says:
can you include adding a You-Tube video to the instructions?
Feb 27, 2012. 11:24 AMilpug says:
Yo dog, I heard you like Instructables...
Feb 27, 2012. 1:58 PMilpug says:
Sorry, I couldn't resist. Great job though, it will hopefully help everyone and improve the site.
Feb 26, 2012. 3:34 PMbg_askins says:
i really needed this when i did my first instructable huge help thanks :)
Feb 25, 2012. 11:57 PMfrank26080115 says:
if you have a pro account, and want to post any sort of code, please use the source editor and place your code inside PRE tags, which will preserve whitespace and newlines for you and also make the font monospace. Sometimes I even add a boarder around my code blocks.

example         dfsdf
int main()
{
indented;
}

<pre>
stuff goes here
</pre>



border example using

<pre style="border-style:dotted; border-width:1px;">
stuff goes here
</pre>


this is also useful for ASCII art

I wonder if the comments actually allow me to use these tags... the preview is certainly working
Feb 25, 2012. 9:55 PMfrank26080115 says:
pro-tip: upload everything as a zip file, because instructables renames everything with random letters when it's downloaded. but if you put it in a zip file, the name of the zip file will be changed, but the contents within the zip file will not be renamed
Feb 25, 2012. 7:36 PMporcupinemamma says:
Thanks
Feb 25, 2012. 7:07 AMcorsairgryl says:
thanks, great help for me who is a bit intimidated to do my own Intructables
Feb 25, 2012. 4:54 AMkarlpinturr says:
Step 8, 1st picture - in 'Keywords', you have 'peanut butter' in quotes, but not 'jelly' or 'sandwich' - any specific reason for that?

Pro

Get More Out of Instructables

Already have an Account?

close

All Steps Viewing
View all steps of an Instructable on the same page when you're a Pro Member.

Upgrade to Pro today!
1413
Followers
146
Author:fungus amungus(my site)
I like to make things both useful and odd. The odd projects are usually more fun. I'm also the Content Manager here at Instructables. Follow @edabot for more