Cara Membuat Tabel Kolom Di Postingan Artikel Blog

Cara Membuat Tabel Kolom Di Dalam Postingan Artikel Blogspot - Ketika menulis artikel terkadang kita juga membutuhkan bikin sebuah tabel terutama apabila isinya berkaitan dengan grafik panduan, contohnya; daftar harga sampai gambar dll pasti lebih berwarna. Tabel adalah bagian terpenting bagi beberapa orang penerbit konten sebuah situs, baik itu berupa kotak menyamping maupun kebawah seperti tabel box yang terdapat di Microsoft Excel. Buat pemula tentu saja ini akan menjadi tidak mudah, apalagi harus menggunakan script.


Sebenarnya banyak cara dilakukan untuk membuat sebuah tabel pada arikel, mulai dari tabel responsive sampai paling sederhana. Andapun bisa menemukan referensi dari berbagai sumber khusus mengulas mengenai cara pembuatan kolom, kotak hingga text box di blog yang sangat keren. Awalnya juga saya sendiri bertanya "apakah tabel dapat dibuat pada tulisan dalam blog?"


Siapapun yang menerbitkan postingan untuk artikel tentu berharap postingan tersebut menarik. Jika artikelnya membutuhkan gambar tabel, alangkah baiknya bukan sekedar tampilan kolom gambar saja namun juga kotak kaya excel.

Cara Membuat Tabel Kolom Di Postingan Artikel Blog


Apabila Anda ingin membuat tabel kolom dengan mudah tanpa harus coding terlebih dahulu supaya dapat menampilkan kolom di postingan blogspot, silahkan copy terlebih dahulu script dibawah:



<table border="1" style="width: autopx;">
<tbody>
<tr>
<td>No. </td>
<td>Gambar</td>
<td>Tabel</td>
</tr>
</tbody></table>


Keterangan:
  • Silahkan ganti tulisan berwarna merah sesuai dengan artikel anda
  • Dari HTML elemen tbody tag diatas akan menampilkan tiga kolom ke samping
  • Untuk memasang elemen tersebut dalam blog maka pada artikel postingan Anda harus menggunakan HTML bukan Compose
  • Dari script HTML diatas. Contoh tampilan kotak kotak di blogger adalah seperti dibawah:

     No.   Gambar  Tabel 



Penting: jika Anda ingin menambahkan kotak-kotak kebawah silahkan copy kembali HTML namun mulai dari tulisan biru kemudian letakkan setelah </tr> jumlah kotak kebawah tersebut sesuaikan dengan text yang dibutuhkan dalam postingan di artikel blogmu.


Lalu bagaimana cara membuat kotak script dalam postingan blog? karena kotak script yang dibutuhkan bukan kotak tabel. Untuk bikin kotak kolom tersebut Anda bisa lakukan langkah-langkah ini.


Copy kode berikut:

<div style="background-color: #f4cccc; border: 2px #783f04 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: autopx;"> Pasang Kode Script Anda Disini </div>


Catatan.: Silahkan ganti tulisan berwarna merah sesuaikan script dan biru untuk mengubah latar belakang tabel warna di blog.

Pasang Kode Script Anda Disini



Itulah bagaimana cara membuat tabel untuk kolom dalam postingan pada artikel di blogspot, semoga bermanfaat.


Baca Juga:

Post a Comment for "Cara Membuat Tabel Kolom Di Postingan Artikel Blog"