rss

Cari Sepatu Keren??

Ternyata Mudah Membuat Tabel Pada Blogger

Sebenarnya ini bukan tips yang baru. untuk membuat tabel pada blogger ternyata cukup sederhana, setelah tanya-tanya ke mbah gugel akhirnya ketemu juga jawabannya dari teman-teman bloger Indonesia. Saya postingkan tips ini cukup untuk saya sendiri yang masih mau belajar.... bagi yang ke sasar ke blog ini silahkan mengambil manfaatnya.
Secara singkat berikut tata cara membuat tabel:

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 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 dicetak merah diatas </table&gt.
Contohnya:

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="http://lh4.ggpht.com/_15FopxVONSo/Sgk6_WoVCEI/AAAAAAAACuA/YGSg8tmR8W4/emoticyon.jpg" /></td> <td><img src="http://lh5.ggpht.com/_15FopxVONSo/Sgk6_c1q4RI/AAAAAAAACt8/5y_FNgWouF4/11678716712iT.jpg" /></td>

</tr>

</table>;

Maka hasilnya seperti ini:
Gambar 1 Gambar 2

Yang terakhir, ada juga cara yang paling mudah, yakni anda hanya mengkopikan data yang berformat tabel baik dari microsoft words maupun di excel. klik di sini.
Oke saya rasa cukup sekian, tutorial ini bisa dikembangkan sesuai dengan kreatifitas kita.

.::Related Posts:

4 comments:

lokalin.blogspot.com on Friday, January 21, 2011 11:20:00 PM said... Reply

Terima kasih banyak sob, tutorial ini sangat membantu saya dalam membuat gambar-gambar berjajar horizontal pada posting dengan sangat rapi... lihat laman saya: http://lokalin.blogspot.com/2011/01/random-screenshots-misi-misi-gta-san.html

pakdani on Sunday, January 23, 2011 10:21:00 AM said... Reply

@lokalin.blogspot.com
yup sama-sama sobat

Rizal on Friday, October 19, 2012 2:31:00 PM said... Reply

Kalo mau buat kolom di samping gambar gimana ya?

Vimax Original Pembesar Mr.P Herbal on Thursday, August 13, 2015 2:37:00 AM said... Reply

artikelnya sangat membantu thanks for sharing
kunjungi web kami gan => www.vimaxkapsuloriginal.com


Post a Comment

Silahkan tulis komentar sebagai umpan balik dari artikel ini. Tidak diperkenankan untuk komentar yang berunsur spamming, porno, dll.

Sub Menu

  • 1. Membuat Teks Berkedip
  • 2. Menambah Elemen di Atas dan Bawah Posting
  • 3. Menambah Dua Elemen di Bawah Sidebar
  • 4. Kotak Komentar Blogger Bermasalah
  • 5. Membuat Teks Bergerak Pada Blogger
  • 6. Membuat Tabel Pada Blogger
  • 7. Cara Membuat Scrollbox pada Blogger
  • 8. Fungsi New Pages Pada Blogspot
  • 9. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 10. Membagi 2 Kolom Sidebar Blog
  • 11. Cara Memperlebar Halaman Blog
  • 12. Mengatur Perataan Posting Artikel
  • 13. Membuat Menu Dropdown Pada Arsip
  • 14. Blogger Sudah Support Fungsi Readmore
  • 15. Menambahkan Web Counter
  • 16. Cara Mendaftar dalam Blogspot
  • 17. Membuat Emotion Pada Blogger
  • 18. Memasang Yahoo Messenger Emotion
  • 19. Membuat Background Posting
  • 20. Membuat Menu Tab View Pada Blogger
  • 21. Cara Mengganti Icon Pada Address Bar
  • 22. Cara Memasang Gambar Berbingkai
  • 23. Cara Membuat Tombol Facebook Like di Blogger
  • 24. Cara Membuat Related Post Dengan Fungsi Scroll
  • 25. Membuat Border dan Kotak Pada Postingan
  • 26. Cara Membuat Buku Tamu Melayang
  • 27. Membuat Iklan Melayang dengan Tombol Close
  • 28. Membuat Kata Sambutan, Penutup dan Pertanyaan Pada Blogger
  • 29. Memasang Widget Recent Post dengan Thumblnails
  • 30. Evolusi Blogger dari Tahun 1999 - 2009
  • 31. Tips Agar Blog Anda Mudah Diakses di HP
  • 32. Cara Memasang Retweet Button Pada Blogger
  • 33. Cara Memperbesar Image/Gambar Pada Postingan Blog
  • 34. Menambah Font dari Google Custom Pada Blogger
  • 35. Membackup Komentar di Blogger
  • 36. Koleksi Gratis RSS Feed Icon dan RSS Feed Vector Graphics
  • 37. Tips Menjadikan Blogger Unlimited Bandwidht/Loading Page Super Cepat
  • 38. Daftar 'Keyboard Shortcut' Untuk Posting di Blogger
  • 39. Mengganti Font Blogger dari Kernest.com
  • 40. Tips Seni Dalam Menulis Artikel di Blog Kita
  • 41. 8 Tips Menulis Artikel Blog Dalam Waktu 20 Menit
  • 42. 5 Tips Efektif dalam Menulis di Blog
  • 43. Mengenal Lebih Dekat Tentang SEO dengan SEO Dictionary
  • 44. 4 Situs Terbaik Bekapasitas 10GB Untuk Menyimpan Data Secara Online
  • 45. SEO adalah Kerangka, Konten adalah Otot, Sosial Media adalah Fisik
  • 46. Bagaimana Cara Kerja Google?
  • 47. Perbaharui Posting Lama Anda
  • 48. Mengapa Page Rank Blog/Web Jatuh?
  • 49. Share Buttons Milik Blogger
  • 50. Integrasi Antara Blogger dan Zemanta Gadget
  • 51. Gambaran Frekuensi Posting Blog kita
  • 52. Cara Mengatasi Blog Post dari Copy Paste
  • 53. Batas/Limit Kapasitas Akun Blogger
  • 54. Posting Blog Menggunakan Word 2010
  • 55. 6 Situs Foto Gratis untuk Blog Anda
  • 56. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 57. 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
  • 58. Cara Memodifikasi Bullet List dan Numbered List di Blogger Post
  • 59. Generasi Blogger Masih Didominasi Oleh Kawula Muda
  • 60. Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
  • 61. Blogger Belajar Dari Harry Potter
  • 62. Trik Menampilkan Total Post, Comment, dan Online User
  • 63. 38 Jawaban SEO
  • 64. Trik Menampilkan Total Post, Comment, dan Online User
  • 65. Cara Mentransfer Akun Blog ke Akun Blog yang Lain
  • 66. Mengenal Fungsi Navbar di Blogger
  • 67. Cara Pasang Recent Posts Thumbnails Dengan Mudah
  • 68. Cara Memasang File Flash Di Blog Post
  • Popular Posts

    Shout it!