Cara Membuat Tabel Pada Blogger

Posted by Herman on Tuesday, May 12, 2009 64 comments

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">
<tr>
<td></td> <td></td>
</tr>

</table>
Keterangan:
<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">
<tr>
<td>Konten 1</td> <td>Konten 2</td>
</tr>
</table>
Maka hasilnya akan menjadi seperti ini:

Konten 1 Konten 2
Catatan:
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 senyum


Recent Posts:

64 comments

torik said... 21 May, 2009
mantep nie triknya om, saya juga mencobannya
herman said... 21 May, 2009
@torik: selamat mencoba. semoga bermanfaat :)
muhliz said... 28 May, 2009
Wah berguna sekali untuk mengedit tampilan postingan. Bagus. Sya dapat blog ini dengan mengetikkan kata kunci cara membuat tabel di blog. dapatnya blog saudara. bagus blognya. lengkap.
Sya pasti rajin datang kesini
herman said... 28 May, 2009
@muhliz: sama2. terima kasih atas kunjungannya :)
agung bawantara said... 09 June, 2009
Thanks atas panduannya.
Tapi kenapa ketika dimasukkan ke Blog, kok tabelnya jauh di bawah text?
Imoel said... 13 June, 2009
sangat membantu sob... makasih ya
Struggle said... 22 June, 2009
nice info thanks
rudy said... 21 July, 2009
kk.....
koq blog aq gak bisa post komentar sich????

dulunya bisa.... tapi aq lupa aku setting apa jadi gak bisa lagi....

tolong bantu saya kk....
Herman said... 21 July, 2009
@rudy: Pernah mengedit kode kotak komentarnya ga? klu pernah kemungkinan ada kode yang kehapus coba di upload kembali kode template sblumnya
rudy said... 22 July, 2009
kk.... masih gak bisa....
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???
Herman said... 22 July, 2009
@rudy: settingnya uda benar koq. kemungkinan templatenya yg bermasalah. Coba dites dengan template lain
dhana said... 25 July, 2009
memang blog yang bermanfaat, sejak blog saya di 8 jt sampai 1 jt,,, makasiy mas herman...
s. wahyudi said... 08 December, 2009
thank infonya n salam kenal.
Bisnis di Internet said... 14 December, 2009
Terima kasih infonya dan sangat bermanfaat.
fransiska said... 21 December, 2009
bapa, sy juga pny problem sama spt bp agung, table nya setelah di bikin byk baris jd jauh di bawah teks. tp kalo sedikit barisnya dia ttp diatas. need help please. thx
Unknown said... 23 December, 2009
Bos, kenapa garis baris dan garis kolomnya nggak keliatan?
andy said... 24 December, 2009
wah kebeneran nih sob ilmunya, aku soalnya lagi nyari cara buat bikin tabel di blog, pas banget thank nih sob....mau langsung dicoba dulu nih sekarang. tar klo bingung aku kesini lg ya
Orang Bandung said... 23 January, 2010
Alhamdulillah,terimakasih banyak ya..
Orang Bandung said... 23 January, 2010
Langsung dicoba nih,tapi kok garis kolomnya nggak muncul knapa ya?
Zetha Reload said... 29 January, 2010
trims ilmunya kebetulan sy lagi belajar buat tabel di blog,tapi sy belum menemukan gimana cara merger/gabung baris atau kolom, mohon pencerahannya y pak
Credit Card said... 11 March, 2010
thanks yah
street article said... 11 March, 2010
sukses selalu
gardening life said... 11 March, 2010
tukaran link yuk
bahril said... 12 March, 2010
ini nih yang q cari... matur nuwun gan.........
your trick said... 20 March, 2010
Wah..info nich!
syahrul bullirus said... 22 March, 2010
Keren mas...aku dah coba! : ))
Dhiiaz said... 29 March, 2010
This comment has been removed by the author.
Dhiiaz said... 29 March, 2010
This comment has been removed by the author.
Dhiiaz said... 29 March, 2010
Mas, knpha tabelnya jauh dibawah, seolah-olah sebelum tabel dikasih enter yang banyak..?
wardi said... 30 March, 2010
ada yang lebih gampang dan singkat gak ya
anonim said... 31 March, 2010
maksh
template nih
templates said... 31 March, 2010
thanks
http://boxtemplates.blogspot.com
Unknown said... 22 April, 2010
mas numpang tanya..
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..^^
bubun4k said... 26 April, 2010
yuhu, thanks ilmunya
marlif said... 01 June, 2010
mantap bro, walaupun sepele tapi kadang juga lupa
Erdien said... 16 June, 2010
Makasih tipsnya nih, kebetulan pas yang dicari sesuai harapan :)
Download Ebook Gratis said... 12 July, 2010
mantab gan infonya, kunjungi juga download ebook gratis :)
markun said... 13 July, 2010
saya masih bingung nie gimana caranya nambah jadi 5 kolom tolong penjelasannya
Herman said... 17 July, 2010
@markun

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
jual beli paypal said... 29 July, 2010
thanks infonya yah
Deny Irman Susilo said... 05 August, 2010
Lam Kenal ya...Mau nayak juga nih, kalo mo buat Struktur organisasi bisa gak ya bi blogspot...? mohon bantuan ilmunya
Herman said... 05 August, 2010
@Deny Irman Susilo

Salam kenal juga. Struktur organisasi seperti apa mas? Bisa kasih contoh webnya?
Khoirul Malunk Segaf said... 08 August, 2010
http://manusiacanggih.blogspot.com
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.
cekdot said... 04 November, 2010
nice post gan... ijin nyimak ya... :))
Wilianto Bagus said... 07 January, 2011
Buat yang pengen coment di blog Dofollow silahkan klik Bagus Blog. Apa manfaat berkomentar di blog yang berstatus dofollow?? yap! dapat meningkatkan pagerank blog anda
zianet Group said... 02 February, 2011
mantab :D
Anonymous said... 06 February, 2011
bagus, lanjutin ya
Unknown said... 05 April, 2011
thx beow....kunjungi balik donk websiteku... www.titodesign.co.cc
Cerita dan Ilmu said... 07 June, 2011
Cara mengatur posisi di adlam blog gimana??
misalnya kita mau tabel tersebut berada di bawah postingan..
jgdjagtm said... 19 June, 2011
hmm lngsung k tkp ;)
Bisnis Online Gratis said... 30 June, 2011
cari2: cara bikin table: pake embah google:ketemun juga nih...makasih agan herman, eit lam kenal juga ama semua komentator
Daffa Alif Pratama said... 06 July, 2011
Mas,gimana cara setting kotak komen kaya mas ini.Ada reply dan emotikonnya ?Tolong dijawab.Thx
And_Craft Company said... 19 July, 2011
Makasih ya mas tutorialnya.....
mampir dunk...
http://andcraftcompany.blogspot.com/p/pin.html
Toko Cikampek said... 25 July, 2011
wagh,,, muantabhhh gan
makasih ya wat info nya
Dunia Trias said... 06 September, 2011
Sangat bermanfaat kawan,bisa langsung dipraktekin :D

Kunjungi juga blog saya ya :
www.duniatrias.com
Asmakah said... 11 March, 2012
kalau ingin buat kolom 4x6 (4 kolom, 6 baris) gmna gan?
Ceritanya MeyTabitha said... 03 June, 2012
salam kenal........saya mau tnya nih karena saya masih pemula. Yang ingin saya tanyakan bagaimana cara membuat daftar menu yang tampilannya bisa diatas? Seperti yang punya anda yang ada Home - Blogrol- Sitemap-dll? Terima kasih atas bantuannya. ^^
Unknown said... 21 July, 2012
bang cara nya ngasih tuh kode di mana?...:-/
Rizky Abdullah said... 05 October, 2012
ini dia yang saya cari-cari...
makasih om/tante/mbak/mas... :-*
Civil Engineering said... 12 October, 2012
Kalo isi tabelnya bisa running gantian kyk trading saham gmn caranya?
Roby Wakas said... 24 October, 2012
TQ SOB bermanfaat sekali :)) :))
http://robywakass.blogspot.com
Yudhi Hertanto said... 07 January, 2013
Terimakasih Postinganya :)

Bermanfaat :)
widodo putra jaya said... 15 January, 2013
tanks mas bro.... widodoputrajaya.blogspot.com
Unknown said... 20 January, 2013
Thanks gan infonya , mau di praktekan :D



:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Post a Comment