![](https://steemitimages.com/DQmZFNRaEpfruij8Xb4g7gasazFkZcMu362J4bhRZqp5gVB/image.png)
I made this tutorial because many are asking how to do that, how to do it etc. So I finally decide to discuss some techniques to make your post design more attractive. Most of this techniques are made into basic Hypertext Markup Language or HTML. 

The syntax for this is always like this:  <b><[tagname]>content</[tagname]></b>
The contents are always between starting tags and ends tags which specify "/". 

<h4>THE "H" TAG</h4> "H" tag makes your text bolder and bigger depends on the number it was made of. H1 is the biggest font size and H5 is the smallest. Use this tag to some sub titles and highlights titles like the example below which I only use H4. You can try H1-5 to see which is better for your viewing.
![](https://steemitimages.com/DQmdhDBhBLAEBwYG6ktBtNaf9gvBGb5K6MYH7WPxwbdB5Rj/image.png)

<h4>THE "i" TAG</h4> "i" or italic tag can turn your font into <i>italic</i>. See my example below.
![](https://steemitimages.com/DQmdfUw5kXyHfJUHtaJMrNdjZ5Tzg6vNrDpAkpAbeAKoDGz/image.png)

<h4>THE "b" TAG</h4> "b" tag or bold tag can make your text bolder. See my example below.
![](https://steemitimages.com/DQmbXmdfAYW6JUKvs4svhJ72RR6dpP8aDd1S2HeGLJbED75/image.png)

<h4>THE "table" TAG</h4> "table" tag is one of the most effective designing on steemit. This is one of my favorite tag. This tag create a table with specific row and column. The "tr" or table row tag must be place between "table" and "/table" tag to create a row on the table. The "td" or table column tag must be place between "tr" and "/tr" tag to create a column on the table. The number of "td" and "/td" tag is also the number of columns you want to create in the row where the "td" tag is place. Same as "tr",  See example below.
![](https://steemitimages.com/DQmURaxBvbmVEpfkicMcha1dUjyokQq4ubMov1S6mM7aWf5/image.png)
Make sure that when you put the number of "td" inside "tr", the next "tr" has also the same number of "td" on it. Between the "td" and "/td" tag, you can put text or image on it just like this example below.
![](https://steemitimages.com/DQmesS65B8BSWy9uAdHXxWHf27sBqw1LrTvs72rctxZAB4o/image.png)

To make your post more attractive, you can make some combinations of tags, see example below. Make sure that the tag is inside another tag.
![](https://steemitimages.com/DQmUik4ZMZ1dvo3UqwMvt1CUdwFRTokgpnEd1TEWj8nZypk/image.png)

Hope that this info can help every steemians to create a beautiful designed for their post.

<h3>Other Hot Topics</h3><hr> 
<table>
     <tr>
          <td>
             <a href="https://steemit.com/news/@alfren/idg-foundation-bring-smiles-to-children-of-botolan-zambales"><h4>IDG FOUNDATION Bring Smile to Children</h4><img src="https://steemit-production-imageproxy-upload.s3.amazonaws.com/DQmbdU5hc7WgpMXW1eBXjNF7GxisgPSPHq1JJ1bEfCogvNB"></a>
          </td>
          <td>
<a href="https://steemit.com/untalented/@alfren/the-most-effective-way-to-saved-money"><h4>The Most Effective Way To Saved Money</h4><img src="https://steemit-production-imageproxy-upload.s3.amazonaws.com/DQmWHHCosuvV5VtSBRs2YcXEh7Nj9W71LaHNtx9i2UHmLPW"></a>
          </td>
          <td>
<a href="https://steemit.com/crypto/@alfren/idgcoin-one-of-the-best-altcoin-that-will-change-the-world-of-cryptocurrency"><h4>IDGCOIN: One of the best altcoin</h4><img src="https://steemit-production-imageproxy-upload.s3.amazonaws.com/DQmaKM1Coi2t4uPkLyX4bhmJgfZM7uuNKtgCpcb8ZJf94hw"></a>
         </td>
     </tr>
</table>

<hr> 
https://steemitimages.com/DQmThZavjZBWziNeSZrb8eX96yYkqaE3D1DUnHSiqkDS3cA/Picture3.png
Please follow and up-vote me on steemit @alfren.<br>
You can follow me on twitter @SibulAlfren and<br>
on facebook https://www.facebook.com/eyelefareen/