Putting A Table In Your Blog

You can use the program below or one you have, or the color.org in my links or just do a search for html color charts and you won't have to download a program.  I use my psp and the one below. I think mos sent this to me.  Thanks mos.

First go and get this color dropper from this site.

It's free and it isn't a big program. When you click it it will be available in your toolbar. Right click on it and check html then left click on the wheel and drag it up to your desktop. It will show you the color number for a color you can choose for your background.

If you don't want to do this and can live with black or white for your background color in the center of your table. White is #ffffff and black is #000000.

Open your blog compose and check view HTML Source.



Then copy and paste in this code:


<left></left> <div></div><left> <table style="BACKGROUND-ATTACHMENT: fixed" cellSpacing=40 cellPadding=4 background=http://farm1.static.flickr.com/224/505797924_86ad5a7b84_m.jpg border=3> <tbody> <tr bgColor=#ffffff> <td> <div style="TEXT-ALIGN: left"><font face=bard color=#dbb99e size=5><br />
</font></div> <p style="TEXT-ALIGN: left"><font color=#000000 size=3> content goes here</font></p>
<br />
<div style="TEXT-ALIGN: left"><br />
<br />
<br />
</div></td></tr></tbody></table></left>

You can use something from mine if you like. I got this from my stationary folder so you can use the code as is if you like.  Or go to Easy Themes which is in my groups for a seamless tile.  This is for the bordered area.  If you choose a tile from a site you will have to upload it to flickr or where ever you keep your photos as long as it has a url for you to paste into the above blue highlighted area. 

When you choose your tile from flickr click on all sizes and choose the size you want. I chose small.

tut2table

Click on the one line of code and copy. Take it back to your blog compose and copy in the first highlighted area.

tut3table

Go to the second highlighted area and type in your color. If you make it light you can use any color text but if you make it dark you need to remember to highlight and make your text a light color.

Uncheck your view html. Delete the content goes here and start writing your blog.

Now if you want to add pictures you have to remember to recheck view html and enter your several lines of code for your pictures in between your text. Every time you uncheck your view html you should be able to see your background with your picture in it. If your picture is above or below your table you need to go back and put it inside the code itself.

If you upload a picture from your computer you should be able to just drag it onto the table.

I know this sounds confusing but if you do it as you go you should be ok.  This is what your table should look like when you uncheck the View html source and before you start writing.


content goes here





You can highlight your text when you are done and make it look like you want in blog compose.

Also remember if you move things around in flickr or delete your background it will not show up in your blog any more.



12 CommentsChronological   Reverse   Threaded
riihele wrote on Mar 8
Hei Osuzana


THANKS so much!!
Brilliant tip and very clear instructions.
Have a super weekend. Rii :))
osuzana wrote on Mar 8
riihele said
Hei Osuzana


THANKS so much!!
Brilliant tip and very clear instructions.
Have a super weekend. Rii :))
You're wecome Rii! and thanks.
epistling wrote on Mar 8
This is cool.. I have not tried to make a table in here yet. I am so lazy about all the creative stuff, it's all I can do to use the spell check after I am done.
osuzana wrote on Mar 8
If you want to use this one Barb, all you have to do is copy and paste it into your own blog.
monaswe2007 wrote on Mar 8
This is great info! =o) Thank you Suz!
donnak wrote on Mar 8
That's pretty. :)
alabamastonethrower wrote on Mar 8
Very cool...was wondering if I was gonna be able to do that, but hadn't tried yet. :D
freyavalkyrie wrote on Mar 8
LOL I swear my eyes glazed over. Must not be awake yet because I did the same thing reading Wabbit's blog lol. (Must be all that damned math in her blog today lol) I told her it was prolly early onset alzheimers... I'm beginning to believe it lol.
missingbits wrote on Mar 8
I love the arrow LoL that's so cute
Found though that here on Multiply in HTML edit mode the code all squashes up which is a BPITA

and everyone it's easy peasy this is just like putting an image in your blog using HTML only its in a table background instead
You can even use tables in comments here .. now that's kinda fun
j5uliana wrote on Mar 8
This works if I do it right in Multiply, but I usually do my blog first in Nvu then copy it to multiply. THAT does not work. No idea why. Not smart enough. Nvu must make some changes that just do not work.
osuzana wrote on Mar 9
Welcome Mona, where is your face donna? Yep, you can change the padding too. Play with it and see.
osuzana wrote on Mar 9
I definately have to be fresh to tackle anything freya.
Add a Comment
   
© 2008 Multiply, Inc.    About · Blog · Terms · Privacy · Corp Info · Contact Us · Help