first thing i would like to teach is layouts. first thing to do is get a photo

this will pop up right?. type the url of the photo in the url section.

okay, there are 2 ways in making a border. one way is doing this. its
easier if your a beginner


second is using a code. called 
 <  padding: 3px; border: 1px dashed; >
erase the < and >. where does this go actually?. first, get the url of the photo then click source.
ctrl + f the photo. follow this step.

http://data.whicdn.com/images/68467887/large.jpg << is the url of the photo. this will be confusing. you see the height and the width right?. you also
can see the semi-colon (;;). okay before the ( " ). insert the code!.

okay, next thing i would like to teach is making the box. this is the code you need: (erase the spaces between < and >

< div style="width:350px;height:45px;margin-top:-30px;margin-left:310px;padding:5px;border:1px dashed rgb(204,204,204);background-color:rgb(255,255,255);color:rgb(0,0,0);font-family:'Trebuchet MS';font-size:12px;letter-spacing:1px;line-height:15px;text-align:center;" >

you go to source first!. and paste the code wherever you want. remember to erase the spaces between < and > (i didn't erase it here! but you have to)

erase the spaces!. okay next thing is click source then you see the box right? oh! i forgot. here is another tip:

in the margin top, erasing the - will make it go down. in the margin left, putting a - will make it go left. second, when putting a box, make sure you put the box then click source.
when your done clicking source, type whatever you want them boom!. this is just basic layout coding, hope you like it!.