How to make a step-by-step Instructable by fungus amungus
Featured
pb6.jpg
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 1: Video and files

Screen Shot 2012-02-24 at 2.35.16 PM.png
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.

ExquiseMarquise says: Jun 29, 2012. 6:16 AM
I am trying to make an instructable my my windows do not looke like the ones on your pictures. I can't find the "add step" or "next step" button. Can you help?
ExquiseMarquise says: Jun 29, 2012. 6:18 AM
There.
instructables.png
mistic says: Mar 10, 2012. 8:17 AM
can you include adding a You-Tube video to the instructions?
ilpug says: Feb 27, 2012. 11:24 AM
Yo dog, I heard you like Instructables...
fungus amungus (author) says: Feb 27, 2012. 12:52 PM
Yup, the same joke was made on FB yesterday. It's Instructables all the way down! Which is why I included the "meta" tag for this one.

This was done by request. People wanted a walkthrough so here it is.
ilpug says: Feb 27, 2012. 1:58 PM
Sorry, I couldn't resist. Great job though, it will hopefully help everyone and improve the site.
bg_askins says: Feb 26, 2012. 3:34 PM
i really needed this when i did my first instructable huge help thanks :)
fungus amungus (author) says: Feb 27, 2012. 12:53 PM
You're welcome!
frank26080115 says: Feb 25, 2012. 11:57 PM
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
frank26080115 says: Feb 25, 2012. 9:55 PM
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
porcupinemamma says: Feb 25, 2012. 7:36 PM
Thanks
corsairgryl says: Feb 25, 2012. 7:07 AM
thanks, great help for me who is a bit intimidated to do my own Intructables
fungus amungus (author) says: Feb 25, 2012. 7:29 PM
Glad this helps!
karlpinturr says: Feb 25, 2012. 4:54 AM
Step 8, 1st picture - in 'Keywords', you have 'peanut butter' in quotes, but not 'jelly' or 'sandwich' - any specific reason for that?
fungus amungus (author) says: Feb 25, 2012. 7:25 PM
Great question! The quotes keeps it as one keyword. The others are single words and as such don't need quotes
Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!