Cara Membuat Tabel Di Blog

Bagaimana ya Cara Membuat Tabel Di Blog?

Mungkin pertanyaan ini pernah muncul di pikiran sobat blogger, ya tentunya ini di sebabkan karena artikel atau isi blog sobat blogger tersebut memerlukan adanya tabel.

Tapi gak pakai tabel kan bisa juga?

Bisa sih... tapi kan kurang bagus di lihatnya dan kurang jelas, dengan adanya tabel kita bisa memperjelas tujuan kita, selain itu akan terlihat lebih mantap, iya kan...

Contoh : Misalnya ketika kita menjual beberapa produk di blog kita, dan kita ingin membuat sebuah halaman kusus dimana halaman tersebut akan kita isi dengan semua produk yang kita tawarkan, tentu kita perlu membuat tabel, iya kan...

» Di sini saya akan menuliskan 2 Versi, kamu tinggal pilih Versi yang mana yang kamu inginkan.

Versi Pertama Melalui HTML Posting :

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

» Klik Buat Entri Baru (Bergambar Pencil) atau Entri Baru.

» Kemudian (kamu tinggal copy & paste Kode di bawah ini pada kolom HTML bukan pada kolom Compose).

Versi Kedua Melalui HTML/JavaScript :

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.

2. Klik Tambah Gadget.

3. Pilih Gadget HTML/Javascript.

4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

5. Simpan Pengaturan.

█████████████████████████████████████████████████████████████████

Kode Dasar Membuat Tabel Di Blog :
<table width="500" border="1">
<tr>
<td></td> <td></td>
</tr>
</table>

Keterangan :

• table dan </table> adalah perintah untuk membuat tabel.
• width="500" adalah perintah untuk mengatur lebar tabel, jika kamu tidak ingin menggunakannya juga tidak jadi masalah.
• border="1" adalah perintah untuk mengatur tebal garis batas tabel.
• <tr> dan </tr> adalah perintah untuk membuat baris pada tabel.
• <td> dan </td> adalah perintah untuk membuat kolom pada tabel.

Lanjut...

Ini Dia "Kode" Tersebut :

» Cara Membuat Tabel Sederhana :

<table width="500" border="1">
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
</tr>
<tr>
<td>Input Data</td> <td>Input Data</td>  <td>Input Data</td>
</tr>
</table>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-tabel-di-blog.html" target="_blank">Cara Membuat Tabel Di Blog</a></small>

» Maka hasilnya akan seperti ini :

Input Data	Input Data	Input Data
Input Data	Input Data	Input Data

Keterangan :

• Warna red adalah tempat untuk memasukkan Teks, Link, Gambar atau Link+Gambar, silahkan kamu ganti dengan selera yang kamu mau.

Cara Memasukkan Link, silahkan kamu ganti Input Data menjadi :
<a href="Link" target="_blank" title="Judul Link">Teks Link</a>
Ikuti perintah Kode yang saya beri warna red.

Cara Memasukkan Gambar, silahkan kamu ganti Input Data menjadi :
<img alt="ALT Gambar" border="0" src="URL Gambar" title="Judul Gambar" />
Ikuti perintah Kode yang saya beri warna red.

Cara Memasukkan Link+Gambar, silahkan kamu ganti Input Data menjadi :
<a href="Link" target="_blank" title="Judul Link"><img alt="ALT Gambar" border="0" src="URL Gambar" title="Judul Gambar" />
Ikuti perintah Kode yang saya beri warna red.

» Cara Membuat Tabel Dengan Kolom Utama :

<table width="500" border="1">
<tr>
<td align="center" colspan="3">Input Data</td>
</tr>
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
</tr>
<tr>
<td>Input Data</td> <td>Input Data</td>  <td>Input Data</td>
</tr>
</table>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-tabel-di-blog.html" target="_blank">Cara Membuat Tabel Di Blog</a></small>

» Maka hasilnya akan seperti ini :

Input Data
Input Data	Input Data	Input Data
Input Data	Input Data	Input Data

Keterangan :

• Warna orange adalah kode untuk membuat kolom utama di tabel, silahkan kamu ganti dengan selera yang kamu mau.
• Warna red adalah tempat untuk memasukkan Teks, Link, Gambar atau Link+Gambar, silahkan kamu ganti dengan selera yang kamu mau.

Cara Memasukkan Link, silahkan kamu ganti Input Data menjadi :

<a href="Link" target="_blank" title="Judul Link">Teks Link</a>

Ikuti perintah Kode yang saya beri warna red.

Cara Memasukkan Gambar, silahkan kamu ganti Input Data menjadi :

<img alt="ALT Gambar" border="0" src="URL Gambar" title="Judul Gambar" />

Ikuti perintah Kode yang saya beri warna red.

Cara Memasukkan Link+Gambar, silahkan kamu ganti Input Data menjadi :

<a href="Link" target="_blank" title="Judul Link"><img alt="ALT Gambar" border="0" src="URL Gambar" title="Judul Gambar" />

Ikuti perintah Kode yang saya beri warna red.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.

█████████████████████████████████████████████████████████████████
Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno

BACA JUGA ARTIKEL TERKAIT DI BAWAH INI :

Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Ditulis Oleh : Tutorial Blog Eno » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.

Saat ini kamu sedang membaca artikel tentang Cara Membuat Tabel Di Blog. silahkan kamu Copy-Paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link di bawah ini sebagai sumbernya. INGAT : saling menghargai kreatifitas sesama sobat blogger oke. <a href="http://tutorial-blog-eno.blogspot.com/2014/11/cara-membuat-tabel-di-blog.html" target="_blank">Cara Membuat Tabel Di Blog</a>

[Mau Seperti Ini?]