Selamat Datang  |  sign in  |  daftar sekarang  |  bantuan ?
Home › Tutorial Blogger › Cara Membuat Tabel Sederhana Kedalam Postingan

Cara Membuat Tabel Sederhana Kedalam Postingan

Dikirim oleh Andi Syam Sabtu, 23 Juli 2011 32 Komentar Post views:

Bismillah, Melengkapi perbendaharaan pengetahuan saya tentang blog yang saya tulis di Belajar Komputer yaitu cara membuat tabel sederhana kedalam postingan. 

Dalam kesempatan ini saya memberikan dua metode pembuatan tabel yang pertama adalah secara manual yaitu mengetikkan kode-kode hmtl dan yang kedua menggunakan tool generate table. baik sobat tanpa perlu berlama-lama berikut langkah-langkahnya :
  1. Tentunya kita sudah berada dalam Entri Baru untuk membuat postingan dengan tabel.
  2. Kemudian pilih option Edit HMTL
  3. Ketikkan kode-kode pembentuk tabel sebagai berikut :

    <table border=1>
    <tbody>
    <tr>
    <th bgcolor="#E0F8E0" style="width:60px">kolom A</th>
    <th bgcolor="#E0F8E0" style="width:60px">kolom B</th>
    <th bgcolor="#E0F8E0" style="width:60px">kolom C</th>
    <th bgcolor="#E0F8E0" style="width:60px">kolom D</th>
    </tr>
    <tr>
    <td align="center">A1</td>
    <td align="center">B1</td>
    <td align="center">C1</td>
    <td align="center">D1</td>
    </tr>
    <tr>
    <td align="center">A2</td>
    <td align="center">B2</td>
    <td align="center">C2</td>
    <td align="center">D2</td>
    </tr>
    <tr>
    <td align="center">A3</td>
    <td align="center">B3</td>
    <td align="center">C3</td>
    <td align="center">D3</td>
    </tr>
    <tr>
    <td align="center">A5</td>
    <td align="center">B5</td>
    <td align="center">C5</td>
    <td align="center">D5</td>
    </tr>
    <tr>
    <td align="center">A6</td>
    <td align="center">B6</td>
    <td align="center">C6</td>
    <td align="center">D6</td>
    </tr>
    </tbody>
    </table>


    dan hasilnya tampak sepeti tebel dibawah ini :

    kolom A kolom B kolom C kolom D
    A1 B1 C1 D1
    A2 B2 C2 D2
    A3 B3 C3 D3
    A5 B5 C5 D5
    A6 B6 C6 D6

Bagaimana jika sobat enggan menuliskan kode-kode diatas, sekarang ada cara mudah buat sobat untuk membuat tabel yaitu dengan cara otomatis, sisa isikan kalimat kedalam tabel dan generate lanjut copy pastekan kode-kode kedalam postingan, silahkan sobat mencobanya disini, disini atau disini. Banyak bukan penyedia tool otomatis untuk membuat tabel. Mudah-mudahan bermanfaat


Article Information :

Reviewer : Andi Syam
Description : Cara Membuat Tabel Sederhana Kedalam Postingan
Item Reviewed : Cara Membuat Tabel Sederhana Kedalam Postingan
Rating : 4.5
Incoming search : , Cara Membuat Tabel Sederhana Kedalam Postingan


32 Komentar untuk "Cara Membuat Tabel Sederhana Kedalam Postingan" | Tambahkan komentar

Reply
Anonim
23 Juli 2011 pukul 19.24

Thx infonya,,,

Reply
Obat Sakit 2011
23 Juli 2011 pukul 20.44

trims gan bermanfaat
kolom hijau itu bisa dirubah tidak warnanya gan

Reply
Unknown
23 Juli 2011 pukul 20.49

Info bermampaat nie Gan.Saya save caranya Gan,makasih ya.

Reply
Ikhsan Alif
24 Juli 2011 pukul 18.52

wah keren juga gan, tapi kalo saya biasa bkin tabel d.dreamweaver...hehehehe

Reply
yansen
24 Juli 2011 pukul 19.24

oh begitu toh, baru tau saya sob

Reply
Obat Sakit 2011
24 Juli 2011 pukul 23.10

trims gan

Reply
assyafieq
24 Juli 2011 pukul 23.36

terima kasih kawan...ini yang membuat penasaran...ketemunya disini...

Reply
Honda Center Semarang
24 Juli 2011 pukul 23.47

Wah gan ilmu buat tablenya sudah saya praktekan di blog saya, Trims ya gan. Memang agak pusing sih tapi akhiranya bisa juga.

Oh ya maaf akhir-akhir ini jarang online, dikarenakan saya pindah kerja di kerjaan saya yang baru. Maaf ya sobat dan mulai hari ini saya aktif di blog saya yang baru.

Titip Link Saya ya Gan, tolong dimasukan ke daftar Link Anda, Link Sobat sudah saya add kok. Trims

Reply
Andi Syam
25 Juli 2011 pukul 00.03

@All, thanks ya kunjungan serta komentarnya, maaf nih baru sempat online

Reply
donimasrul
25 Juli 2011 pukul 15.14

tutorial ini udah prnah sy coba sob.. makasih ya sharingnya...

Reply
Obat Sakit 2011
25 Juli 2011 pukul 19.53

trims gan
terkadang dalam postingan perlu tabel yang seperti ini
dun tdy

Reply
Obat Sakit 2011
26 Juli 2011 pukul 21.18

ijin aku copas gan buat arsip pribadi saja
dun disini

Reply
Freeware Tips
26 Juli 2011 pukul 22.50

wah... superb ♥
jujur ini emang tips yg baru aja ane ketahui..
sering sih ngeliad orang bikin table terutama di blog yg menyediakan info gadget (untuk isi spec suatu gadget) ane coba copy paste eh..malah jadinya ga sama wkwkwkwkw...
dan ternyata ada webtools untuk memudahkannya, jadi ga harus cara manual...
thx admin belajar komputer.

Reply
Sewa Laptop
26 Juli 2011 pukul 23.01

Kodenya ajib banget gan bisa aku tambahkkan nih ke blogku. Asyik dapat ilmu baru dari agan..

Reply
Andi Syam
27 Juli 2011 pukul 23.03

@All, thanks kunjungan dan komentarnya ya :)

Reply
Lab Komputer SMP N 1 Parapat
30 Juli 2011 pukul 19.50

Nice info... sebagai tambahan gan, bagi yang buta sama sekali ttg HTML, membuat tabel dapat dilakukan dari MS-word. Jika sudah dibuat tinggal copy paste ke web :) tapi kode html nya jadi panjang dan tentu membuat loading nya lebih lama dibandingkan cara yg agan kasi :D

Reply
semua ada
4 Agustus 2011 pukul 05.28

saya pakai table generator aja mas :D

Reply
Andi Syam
6 Agustus 2011 pukul 01.56

@lab, thanks sobat
@Semua ada, thanks komentarnya mas

Reply
Abu Hamizan
6 Agustus 2011 pukul 06.58

Belum pernah mencoba sobat...perlu untuk di coba kalau nanti ada postingan yang memerlukan Tabel.
Terima kasih atas berbagi ilmunya.Lanjutkan mas...

Reply
Andi Syam
7 Agustus 2011 pukul 02.06

@Ferry I, sama-sama mas :)

Reply
nico
20 Agustus 2011 pukul 09.16

ow. begini ya.. aq modalnya kalo bikin tak copi dari ms word.. soalnya g tau kodenya

Reply
Andi Syam
20 Agustus 2011 pukul 13.01

@nico, biar mudah pakai table generator gan :)

Reply
Rino Safrizal
22 Agustus 2011 pukul 01.56

Ok banget ne gan.. :)

Reply
Andi Syam
21 Oktober 2011 pukul 16.13

@Chelonia Mydas, thanks gan komentarnya

Reply
Anonim
24 Oktober 2011 pukul 06.19

bagus sobat content websitenya lugas complit n mudah dimengerti.... makasih atas ilmunya
semoga terus berkembang dan diberi ilmu yang lebih karena dah berbagi dengan other.. semanagat....45...

ridwan

Reply
arie5758
4 Desember 2011 pukul 18.39

trims infonya sob, sangat berguna bagi yang awam kode seperti saya :D

Reply
Andi Syam
5 Desember 2011 pukul 17.42

@Anonim, thanks sob dukungannya
@Arie, bisa aja ni agan

Reply
MuN4
6 Desember 2011 pukul 06.51

Mantap gan...jgn lupa kunjung balek ya hehehehe.....

Reply
Benefits of ginger
13 April 2012 pukul 00.14

makasih gan tipsnya. oiya, cara mengatus style css tabel itu gimana ya?

Reply
Andi Syam
13 April 2012 pukul 15.17

@Benefits of ginger Sama saja gan jika agan menggunakan css, cuma sedikit ada penambahan seperti contoh berikut :

<style type="text/css">
.baris {
width: ;
display: inline;
float: left;
clear: left;
margin: 0;
padding:0
}
.sel {
width: ;
display: inline;
float: left;
margin: 1px 0 0;
padding: 5px 0;
text-align: center;
color: ;
font-weight: ;
font-size: ;
font-family: ;
}
</style>
<div class="baris">
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
</div>
<div class="baris">
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
</div>
<div class="baris">
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
</div>
<div class="baris">
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
</div>
<div class="baris">
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
<div class="sel"></div>
</div>

Reply
Huzna
24 April 2012 pukul 14.05

mantab, terutama tool2nya yang bikin mudah untuk buat tabel...... thanks udah berbagi kawan.....

Reply
Andi Syam
25 April 2012 pukul 17.05

@Huzna Sama-sama gan

Sampaikan Pesan Sobat yang sesuai dengan materi yang diposting...Don't Spam

 

FRIENDS

RECENT COMMENT

© Copyright Belajar Komputer 2012 - Some rights reserved.
Template Design by Belajar Komputer | Published by Belajar Komputer
Page Rank My Zimbio