How to Make Table at Blogger

Most blogger don't know how to make table in their post. they are feel confuse. So in this tips I wanna share how to make table in blogspot. Table is very important if we wanna become more proffesional in blogger. we can put the image/article on the table, and we can put the link inside. here are the table code for the table, you can copy the code to your blog post. 1. Table Style 1

Put your Text here

Put your Text here

The Code: <br /> <br /><table style="text-align: left; height: 250px; width: 250px;" border="1" cellpadding="2" cellspacing="2"><br /> <tbody><br /> <tr><br /> <td style="width: 182px;">Put<br />your Text here</td><br /> <td style="width: 219px;">Put<br />your Text<br />here</td><br /> </tr><br /> </tbody><br /></table><br /><br />

2. Table Style 2

http://web-site-tutorial.blogspot.com	http://breastandbeauty.blogspot.com
http://lowongan-kerja-lowongan-cpns.blogspot.com	http://www-aetnahealth.blogspot.com

The Code <br /> <br /><table style="text-align: left; width: 400px; height: 400px;" border="1" cellpadding="2" cellspacing="2"><br /> <tbody><br /> <tr><br /> <td><a href="http://web-site-tutorial.blogspot.com/">http://web-site-tutorial.blogspot.com</a></td><br /> <td><a href="http://breastandbeauty.blogspot.com/">http://breastandbeauty.blogspot.com</a></td><br /> </tr><br /> <tr><br /> <td><a href="http://lowongan-kerja-lowongan-cpns.blogspot.com/">http://lowongan-kerja-lowongan-cpns.blogspot.com</a></td><br /> <td><a href="http://www-aetnahealth.blogspot.com/">http://www-aetnahealth.blogspot.com</a></td><br /> </tr><br /> </tbody><br /></table><br />

3. Table Style 3

Text A	Text B	Text C
Text D	Text E	Text F
Text G	Text H	Text I

The Code <br /> <br /><table style="text-align: left; width: 375px; height: 375px;" border="1" cellpadding="2" cellspacing="2"><br /> <tbody><br /> <tr><br /> <td>Text A</td><br /> <td>Text B</td><br /> <td>Text C</td><br /> </tr><br /> <tr><br /> <td>Text D</td><br /> <td>Text E</td><br /> <td>Text F</td><br /> </tr><br /> <tr><br /> <td>Text G</td><br /> <td>Text H</td><br /> <td>Text I</td><br /> </tr><br /> </tbody><br /></table><br />

4. Table Style 4

http://web-site-tutorial.blogspot.com	http://www-aetnahealth.blogspot.com
http://breastandbeauty.blogspot.com	http://lowongan-kerja-lowongan-cpns.blogspot.com

The Code

<br /> <br /><table style="text-align: left; width: 300px; height: 300px;" border="1" cellpadding="2" cellspacing="2"><br /> <tbody><br /> <tr><br /> <td style="background-color: rgb(255, 204, 102);"><a href="http://web-site-tutorial.blogspot.com">http://web-site-tutorial.blogspot.com</a></td><br /> <td style="background-color: rgb(0, 153, 0);"><a href="http://www-aetnahealth.blogspot.com">http://www-aetnahealth.blogspot.com</a></td><br /> </tr><br /> <tr><br /> <td style="background-color: rgb(153, 153, 153);"><a href="http://breastandbeauty.blogspot.com">http://breastandbeauty.blogspot.com</a></td><br /> <td style="background-color: rgb(204, 102, 204);"><a href="http://lowongan-kerja-lowongan-cpns.blogspot.com">http://lowongan-kerja-lowongan-cpns.blogspot.com</a></td><br /> </tr><br /> </tbody><br /></table><br />

5. Table Style 5

Table with Image A
	Table with Image B

The Code; <br /> <br /><table><br /><tr><br /><td>Table with Image A</td><br /><td><center><img border="”0″" src="”http://i39.tinypic.com/r9eamw.jpg”/" /></center><br /></td><br /></tr><br /><tr><br /><td><center><img border="”0″" src="”http://i40.tinypic.com/6r65xy.jpg”/" /></center><br /></td><br /><td>Table with Image B</td><br /></tr><br /></table><br />

Note: You can change height and width as you want. if any question please leave the comment