How to add pics to your blog post

OK, obviously, go to your profile page and make sure you are signed in. Go to add blog post. Now, once you’ve got the text in that you would like, click where you would like the picture to appear (usually above your text). Then click the little black camera shaped icon above your text box (next to the B I U stuff). Browse and find the pic you want. It will take a minute or so to load. Then you’ll see a bunch of code with< p style="text-align:left;" > </ p > tags around in. That’s your picture. Near the end of the code you’ll see width= “a very large number” and height= “another large number”. You can delete the height stuff completely. Then change the number in the width section. I usually set it to 400 for the top picture. So your code would look something like this width=“400”. The whole thing will look like what’s below with a different file name. (you can remove the < p > tags if you want.) Then if you click the preview button you’ll see how the pic will look when it’s posted. Edit as desired. (Just remember that I've put extra spaces in my example ones so that the computer displays them)

< p style="text-align: left;" >< img src="http://api.ning.com/files/24k61ohTnU4a0it23-xN3o1JW4i3TkVsLPiMULLJ81tZ4QVLkTODHNOYjS3m*RcD0Bsh6z*0UEIKogQFuOUxk0I5pN08iLmi/lisa_0323.JPG" alt="" width="400" /></ p>

OK, now if you want to add a line of pics at the bottom of your post, here’s how. Follow the instructions above to add the first picture. But instead of setting the width to 400, set it to something smaller (90 – 230 depending on how many pics you want). Remove the closing </ p > tag and click at the end of the picture code. Add the next picture. Repeat until all pics are added. Then make sure that the whole bunch of picture code is contained within only 1 set of < p > tags. The computer automatically puts < p > tags around each new picture uploaded, but this will force each picture to go below the other instead of appearing in a line. Just delete all the extra tags so that it looks like the code below (with as many pics and sizes as you want). Also if you want a small space between each picture so they don’t run together, make sure there’s a space in the code before each < img > tag. I’d recommend checking the preview multiple times as you’re selecting the size of your pictures to see how they fit. Sometimes I make them all slightly different sizes to make it more interesting. Anyway, have fun!

< p style="text-align: left;" >< img src="http://api.ning.com/files/Bo71YCsMWRy8cdE6trX*QphPSiZGMXkyiWWYRqDx-vs7yXO3qnL4-3uuZTsSL88UCEq5XgaHXvfoupuf8-P-BKIeiXY-U-65/0_0007.JPG" alt="" width="230" /> < img src="http://api.ning.com/files/Bo71YCsMWRywT4lMyRSllcBPDq0xn3Qgqv4ghlqy4VCoYOLBemCL-05n0hWKSKJE89if85syzG-AdTtEuAEJrQ2rP1Sjg7bo/0_0010.JPG" alt="" width="230" /> < img src="http://api.ning.com/files/Bo71YCsMWRxyXv75Ff606QKvTpZ5zxeQLjiHcBJM2hjVNLuqMJKR6b-nrDXutiSfx2cFBLzxa2tPkaeFRRpdqeebcd4iaTI8/0_0011.JPG" alt="" width="230" /></ p >