Membuat tabel di komputer adalah hal yang sangat mudah karena sudah tersedia banyak program pembuat tabel di komputer seperti excel, calc, dan lain-lain. Lalu bagaimana untuk membuat tabel di blog khususnya blogspot? Meskipun Blogger.com tidak menyediakan fasilitas untuk membuat tabel tapi kita dapat membuat sendiri dengan menambahkan tag table dalam blog.
Untuk lebih jelasnya. Silahkan ikuti petunjuk dibawah ini:
1. Untuk membuat tabel 1x2 (1 baris 2 kolom) maka kode yang digunakan adalah:
<table border="1">Keterangan:
<tr>
<td></td> <td></td>
</tr>
</table>
<table> merupakan perintah untuk membuat tabel
<tr> merupakan perintah untuk membuat baris
<td> merupakan perintah untuk membuat kolom
border merupakan perintah untuk mengatur ketebalan garis pinggir. Silahkan ganti nilainya sesuai keinginan
Sebagai contoh jika anda memasukkan kode seperti ini.
<table border="1">Maka hasilnya akan menjadi seperti ini:
<tr>
<td>Konten 1</td> <td>Konten 2</td>
</tr>
</table>
Catatan:
Konten 1 Konten 2
Tulisan yang dicetak tebal pada kode diatas merupakan isi dari tabel. Anda bisa menggantinya dengan teks, link, atau gambar.
Jika anda ingin menambah baris baru maka tambahkan kode yang berwarna merah diatas </table>. Contoh:
2. Membuat tabel 2x2 (2 baris 2 kolom) dengan konten teks dan gambar
<table border="1">
<tr>
<td>Gambar 1</td> <td>Gambar 2</td>
</tr>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcCSd8m3r6lXBMXrMN2MY1vAMp6UUOMHfk3cSWp4ZV6bmzl_k-JX-nGeZDyg0uGwoWIqorphTfxRJ76p_MDm7YbjUEB8dOL3KdISEGbzV2WU5753F67quplFB41bc0VVvOhKmBMSfJSd26/" /></td> <td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvGmhlcuPCMklY8xveYihkuwOUt1hSr7qeiOb6E89UXbg5Y3bJUwT35GmQLkmErTS-Qph4T4VcubsMqmyDXxjPxUXRKqC-KdJpFq1Zlo1Qyrd7DUA28pVU42zyyzW-Cl-Tl-TlP44JcrnE/" /></td>
</tr>
</table>
Maka hasilnya seperti ini:
Gambar 1 Gambar 2
Ok saya rasa itu saja tutorialnya. Selamat mencoba...
Jika masih ada yang kurang jelas silahkan ditanyakan melalui kotak komentar
Recent Posts:
Sudah gabung dengan sumber dolar berikut ini?
62 comments
Sya pasti rajin datang kesini
Tapi kenapa ketika dimasukkan ke Blog, kok tabelnya jauh di bawah text?
koq blog aq gak bisa post komentar sich????
dulunya bisa.... tapi aq lupa aku setting apa jadi gak bisa lagi....
tolong bantu saya kk....
aq sudah ganti template'na dengan template yang disedia'in blogger....
tapi tetap sama aja...
apa mungkin ada kesalahan di bagian setting - comments....
aq isinya....
- show
- anyone
- embadded below post
- new posts have comments
- hide
- new posts have backlinks
- 2009 jul 21 11:26:30
- comment from message = kosong
- never
- email address = kosong
- yes
- yes
- Comment Notification Email = kosong
apa ada yang salah???
template nih
http://boxtemplates.blogspot.com
cara diatas sudah saya coba cara diatas tapi kenapa di tempat saya tabelnya tidak ada garisnya yaa,,hanya berupa tulisan 2x2 tanpa penbatas(garis) antar row dan kolom...
mohon pencerahannya..
tolong dijawab di chatbox blog saya
http://kayzzblog.blogspot.com
makasih..^^
Coba gunakan kode berikut:
<table border="1">
<tr>
<td>Data1</td><td>Data2</td><td>Data3</td><td>Data4</td><td>Data5</td>
</tr>
</table>
Ganti data1 s/d data 5 dengan konten yang mau anda tampilkan
Salam kenal juga. Struktur organisasi seperti apa mas? Bisa kasih contoh webnya?
http://manusiacanggih.blogspot.com
Kumpulan software gratis.
tutorial blog dan Ebook tutorial blog lengkap
Komentarnya yg banyak broooo
salam kenal semua and trim atas infonya bos.
misalnya kita mau tabel tersebut berada di bawah postingan..
mampir dunk...
http://andcraftcompany.blogspot.com/p/pin.html
makasih ya wat info nya
Kunjungi juga blog saya ya :
www.duniatrias.com
makasih om/tante/mbak/mas... :-*
http://robywakass.blogspot.com
Bermanfaat :)
Post a Comment