Are You Also Blogging In Hive Blockchain Platforms? Read This To Improve Your Blog Post

Are You Also Blogging In Hive Blockchain Platforms? Read This To Improve Your Blog Post

By Jack1976 | Tech Check Mag | 13 Jul 2023


In this post, I will teach you how to create a table code so that your images will display in a grid with rows and columns.

Why do you need a table code?

A table code will arrange your images in rows and columns, making your post more fun to read. It also takes up less space than piling your images vertically.

image.png

 

ADS: If you don't have time to arrange table codes and you think it's complicated, I can arrange the table codes for you. You can easily copy and paste them after your post for just 3 $Hive Tokens. Just give me the images and the links where you want the click to be redirected.

In case you don't have a banner, I can design a simple banner for you for 3 $Hive Tokens (Still Banner) or 5 Hive Tokens (Simple Animated Banner).

 

What is the code?

<table>
<tr>
<td>

[Image can be uploaded or can be a link](Link where the click will go)
</td>
<td>

[Image can be uploaded or can be a link](Link where the click will go)
</td>
<td>

[Image can be uploaded or can be a link](Link where the click will go)
</td>
</tr>
</table>

This Code Will Generate This Result

adc3a328522df42eaca1718a56c2da0223cebc9b696b03b98c998b2b27e7d0c9.jpg

The <tr> tag represents a new row, and the <td> tag represents a new column. So, if you want to make multiple rows with multiple columns, you need to insert multiple <tr> tags with multiple <td> tags inside them.

Here is an example of a 3-column, 3-row grid:

<table>
  <tr>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
  </tr>
  <tr>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
  </tr>
  <tr>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
    <td>
      [Image can be uploaded or can be a link](Link where the click will go)
    </td>
  </tr>
</table>

This Code Will Generate This Result

 

bfe6b2a894033b5fcb848825b2302f54880a625536dd4dcbf42ddd49ac8aac5c.jpg

 

Here is the code that I have used in aligning these images to give you a better idea

![hr.gif](https://files.peakd.com/file/peakd-hive/jacksonizer/23zRQsgaXbzAHCxAKo6tS1zFLA3VZB289Z6fvSPQkVDA1ozvLHRo1jXKEVQbZcrcT1ZWK.gif)
<table>
<tr>
<td>

[![life-snags.jpg](https://files.peakd.com/file/peakd-hive/jacksonizer/48VFtijSuxL1Lon89Csa9nmVoddiVgDSrruKMJD5aHWZQLZ1gfyGb7SswviiWRyBjf.jpg)](https://www.lifesnags.com/)

</td>
<td>

[![tech-check.jpg](https://files.peakd.com/file/peakd-hive/jacksonizer/48VG6cv5D3vRLY6xSKiN3vKm6n56Y2HnECYPm4b5oG8BfEnCfdG6L8Pugd3bHGRwnx.jpg)](https://www.techcheckmag.com/)

</td>
<td>

[![garden-depo.jpg](https://files.peakd.com/file/peakd-hive/jacksonizer/48WDoYu3chmEvxdkBHoWGEziUbwcpxPPVi7zwiM5R7EZCuEZNu1AT8BnwdauU4E8Se.jpg)](https://www.facebook.com/gardendeponavotas)

</td>
</tr>
</table>


[![bitcoin-banner.png](https://files.peakd.com/file/peakd-hive/jacksonizer/23y9AhCT4UbbSMPZ8auvRrDKPqq5YrUggwuJyuqS5oEzbf5XZEHqB9qNt9xRLCYyyzbku.png)](https://www.techcheckmag.com/2023/07/earn-bitcoin-daily-without-investment.html)

<table>
<tr>
<td>

[![social-Fi.png](https://files.peakd.com/file/peakd-hive/jacksonizer/48PTCM76kEt8Jba6qh76eZpBXqBvYfqGzsk4xnzefkQQMKR2pBZERLMcNXAXyRA39q.png)](https://www.facebook.com/groups/socialfiphils)

</td>

<td>

[![money-matters.png](https://files.peakd.com/file/peakd-hive/jacksonizer/48PwEhWeyvezFoo53xCykB9T6cpQwQnr4byg2nuSzihpcBMk8WWdrJ2JHwac6mms6x.png)](https://www.facebook.com/groups/moneymatters2023)

</td>
</tr>
</table>


[![etherium-banner.png](https://files.peakd.com/file/peakd-hive/jacksonizer/23vsLKe1y2YuMwmcKJFNkippiWdMVj365STXLome32CePr8HWFUu1xXgwRWGMUr9xqT4j.png)](https://www.techcheckmag.com/2023/07/earn-eth-spot-and-ampl-daily.html)

This Code will generate this arrangement

image.png

Copy the code and create a snippet for it so that you don't need to open a text editor each time you want to insert your images or create a code.

Using table codes can really make your post beautiful. In this example, I have used it to create a social media image link aligned horizontally so that it looks good for my readers.

I hope you have learned something good today from me. If you like this type of tutorial, consider following me to get notified.

 

ADS: If you don't have time to arrange table codes and you think it's complicated, I can arrange the table codes for you. You can easily copy and paste them after your post for just 3 $Hive Tokens. Just give me the images and the links where you want the click to be redirected.

In case you don't have a banner, I can design a simple banner for you for 3 $Hive Tokens (Still Banner) or 5 Hive Tokens (Simple Animated Banner).

 

follow---wvg.png

hr.gif

 

How do you rate this article?

7


Jack1976
Jack1976

Just a random guy with random thoughts


Tech Check Mag
Tech Check Mag

I am "The Good Garcia", a man who, through continuous reflection on his past mistakes, found redemption through the teachings of Christ

Publish0x

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.