HOW TO MAKE TABLE FOR BLOGGER

Today I would like to teach you how to make table like this. Actually I'm not expertise in html/css code. I'm just follow tutorial in other website and just experimental with html/css code. The tutorial that I teach you is based on what I already done and implement in my blog.

HOW TO MAKE TABLE LIKE THIS

Let's begin..

1. First just copy and paste the code below into your compose post. Then...DONE!

<div style="border: 1px solid rgb(102, 204, 51);  overflow: auto;  width: 100px;  height: 100px;  text-align: center; ">PUT YOUR TEXT HERE</div>

Tips:

If you want to change the border style from solid to others.

For example;

<div style="border: 1px solid rgb(102, 204, 51);  overflow: auto;  width: 100px;  height: 100px;  text-align: center; ">PUT YOUR TEXT HERE</div>

From solid type to dotted type, you just change the solid to dotted style

<div style="border: 1px dotted rgb(102, 204, 51);  overflow: auto;  width: 100px;  height: 100px;  text-align: center; ">PUT YOUR TEXT HERE</div>

<div style="border: 1px dashed rgb(102, 204, 51);  overflow: auto;  width: 100px;  height: 100px;  text-align: center; ">PUT YOUR TEXT HERE</div>

....and for border pixel and border color. You can refer the image below and http://html-color-codes.com/rgb.html for the border color.

<div style="border: 4px solid rgb(102, 204, 51);  overflow: auto;  width: 100px;  height: 100px;  text-align: center; ">PUT YOUR TEXT HERE</div>

<div style="border: 4px dashed rgb(102, 204, 51);  overflow: auto;  width: 100px;  height: 100px;  text-align: center; ">PUT YOUR TEXT HERE</div>

<div style="border: 4px dashed rgb(255, 102, 0); overflow: auto;  width: 500px;  height: 50px;  text-align: center; background-color: rgb(153,255,153); ">PUT YOUR TEXT HERE</div>

Da..da...Gud luck...Tell me if you done it!