Instructables
Picture of 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 1: Video and files

Picture of 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.

Step 2: Getting Started

Picture of Getting Started
pb2.jpg
Getting started is easy.
  1. Click the "submit" button that's always on the top right of the screen.
  2. Click the "Get Started" button for the Step-by-Step option

Step 3: Title and description

Picture of Title and description
Here we are setting up the most important part of the Instructable: the intro page. What happens here will decide just how many people look at your Instructable so make it great.

For the title:
  • Make the title as descriptive as you can with as few words as you can
  • Try saying it out loud and see if it describes your project
  • Even better, try saying it to someone else
For the description:
  • You have more room to explain what's going to be happening here, but I like to keep this short and to the point as well.
  • Convince readers that they want to read the whole Instructable
  • How would you tell a friend about your project in 30 seconds or less?
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?
There.
instructables.png
mistic2 years ago
can you include adding a You-Tube video to the instructions?
ilpug2 years ago
Yo dog, I heard you like Instructables...
fungus amungus (author)  ilpug2 years ago
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.
Sorry, I couldn't resist. Great job though, it will hopefully help everyone and improve the site.
bg_askins2 years ago
i really needed this when i did my first instructable huge help thanks :)
fungus amungus (author)  bg_askins2 years ago
You're welcome!
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
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
Thanks
corsairgryl2 years ago
thanks, great help for me who is a bit intimidated to do my own Intructables
fungus amungus (author)  corsairgryl2 years ago
Glad this helps!
karlpinturr2 years ago
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)  karlpinturr2 years ago
Great question! The quotes keeps it as one keyword. The others are single words and as such don't need quotes