Cara membuat daftar dan kolom kotak pada blog 2019



Cara membuat tabel,daftar kotak pada postingan blog

dengan sangat mudah di lakukan,Hanya mengandalkan ketelitian dalam memasangnya.

Tabel kotak identik dengan microsoft office yang berupa tabel dalam menentukan rumusan suatu nama fabel dan lain sebagainya.Tabel ini juga ternyata bisa di buat pada postingan blog blogger.

Tabel kotak biasanya di gunakan untuk menaruh link download dan titel lain sebagainya,misalkan nama sebuah aplikasi,sizenya dan ukuran besar mb nya.fungsi tabel hanyalah sebagai penambah keterampilan dalam menghasilkan tampilan yang keren dan bagus untuk postingan dalam keterangn suatu blog.

tabel seperti kotak akan berisi seperti nama benda atau barang,Jumlah ,nilai dan lain sebagainya,ini tabel juga sering di gunakan dalam blog download yang menampilkan link unduhnya dalam model sisi lain.namun jika ada bertanya bagaimana cara membuatnya pada blog ?
Berikut ini adalah cara-cara tutorial untuk membuat tabel daftar kotak untuk blog terbaru 2019 sebagai berikut ini:

Cara membuat tabel kotak pada blog
Mmebuat tabel kotak,anda perlu menggunakan kode tambahan di bawah ini,selebihnya tinggal anda yang mengkereasikanya kembali.
  • a.Membuat tabel dengan dua buah kolom ke samping dan satu buah kolom ke bawah ,maka dapat menggunakan kode html berikut ini.
<table width="500" border="1">
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>
</tr>
</table> 

Maka hasilnya akan seperti di bawah ini.

Kolom 1 Kolom 2

Jika anda ingin merubahnya menjadi 3 kolom kesamping dan 1 kolom kebawah anda cukup menambahkan kode <td>Kolom Tambahan atau Kolom 3</td> saja sebelum kode </table> dan hasilnya akan terlihat seperti ini.

Kolom 1 Kolom 2 Kolom 3

Namun apabila anda ingin merubahnya kembali cukup menambahkan nya kembali seperti kode html di bawah ini,ini akan menjadi 4 kolom ke samping,dengan kode html sebagai berikut:

<table width="500" border="1">
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>
<td>Kolom 3 </td>
<td>Kolom 4 </td>
</tr>
</table> 

Dan untuk hasilnya yaitu 4 kolom ke samping:

Kolom 1 Kolom 2 Kolom 3 Kolom 4

  • b.Yang kedua yaitu membuat tabel dan kolom dua buah ,dua kolom ke samping dan dua kolom jika bawah,Berikut ini adalah kode html yang dapat di gunakan:

<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
</tr>
</table> 

Maka hasilnya akan seperti di bawah ini dengan model 2 buah kolom ke samping dan 2 kolom ke bawah seperti berikut:

Kolom 1 A Kolom 1 B
Kolom 2 A Kolom 2 B

Jika anda ingin merubahnya kembali dengan model kolom tabel yang lebih yaitu menjadi tiga kolom ke samping dan tiga kolom ke bawah,anda dapat menggunakan kode html berikut ini:

<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
</table>

Maka hasilnya dapat di lihat sebagai berikut dengan tampilan tiga buah kolom ke samping dan tiga kolom ke bawah seperti berikut ini geng:

Kolom 1 A Kolom 1 B Kolom 1 C
Kolom 2 A Kolom 2 B Kolom 2 C
Kolom 3 A Kolom 3 B Kolom 3 C

Namun apabila anda ingin berkereasi lebih lagi yaitu dengan model yang lebih banyak misalnya,anda tinggal menambahkn kode nya saja,dan di rangkai dengan cermat pada notepad ,sambil di perhatikan mana kode yang menjadi tambahan dalam membuatkan kolom ke bawahnya,Ini adalah kolom dengan tiga kolom ke samping dan 5 kolom ke bawah,Kode htmlnya adalah seperti berikut ini:

Kolom 1 A Kolom 1 B Kolom 1 C
Kolom 2 A Kolom 2 B Kolom 2 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C

Kode html di bawah ini adalah kode yang menghasilkan tiga kolom samping dan 5 ke bawah seperti gambar di atas dengen keterangan sebagai berikut:

"Kode berwarna tebal orange:Adalah merupakan kode html tambahan"

<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
</table>

  • C.membuat tabel kotak daftar tiga kolom kesamping dan sepuluh kolom ke bawah dengan menggunakan kode html sebagai berikut,Caranya sama seperti yang di atas ,yang membedakan hanyalah kolom ke samping,anda boleh mengedit yang du kolom ke samping untuk membuatnya sabagai postingan.dan inilah kotak tabel tiga kolom samping dan 10 kolom ke bawah di tengah-tengah postingan:
Kolom 1 A Kolom 1 B Kolom 1 C
Kolom 2 A Kolom 2 B Kolom 2 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C
Kolom 3 A Kolom 3 B Kolom 3 C

Jika anda hanya ingin berkereasi sendiri silahkan saja biar mahir dan hafal mana ke samping dan kebawah,berikut ini kode html untuk tabel seperti di atas ini.

<center><table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
</table></center>

Nah di atas adalah cara untuk membuat tabel pada postingan blog blogger yang bisa kalian coba kreasikan sendiri dengan menggunakan aplikasi notepad pada pc kalian,

karena ini membutuhkan sesuatu banget,salah tempat bisa salah,dan dalam mengisikan tulisan dalam kotak ,saat hendak memposting usahakan tulisan kolomnya jangan di ganti dulu,Ketikan dulu nama obyeknya kemudian hapus tulisan kolomnya,Ini bertujuan agar tidak eror atau tidak bisa untuk di taruhkan tulisan.

keywords:
Cara membuat tabel di blogger,Cara membuat kotak kolom pada blog blogger,Cara termudah membuat tabel dengan kolom di blogspot,Cara membuat kolom tabel dengan sangat mudah di blogger terbaru 2019,Cara membuat tabel di blogspot blogger,Cara memasang kolom tabel daftar kotak di tengah postingan blog.



Artikel Terkait

Postingan populer dari blog ini

Begini Cara Memasang iklan penelusuran bersponsor google adsense Di Blog

Membuat Related Post Grid Untuk Template AMP Blogger

Download Template Igniel versi premium Gratis

Cara Menampilkan Traffic Data Koneksi Internet Pada Laptop

Koleksi Symbol Text Keren Untuk Blog Dan Sosial Media

Tutorial Full Flash Smartphone OPPO A37 ,Lupa Pola

Cara Mengatasi Gagal Install Driver VGA Pada windows 7 All version

Cara membuat Link Model no follow dan Do follow

Cara Membuat Kotak Script Border Dan Scroll Pada Blog

Cara Membuat Akun Google Adsense Hosted Terbaru