Skip to main content

Buat Tabel Dalam Postingan Blog

Dalam membuat postingan sebuah blog, kadang kita dipersulit dengan minimnya fasilitas yang disediakan blogspot sebagai salah satu platform blog untuk berkreasi lebih lanjut. Misalnya saja adalah membuat tabel dalam postingan blog. Secara terperinci, langkah ini tidak disediakan fitur layaknya fitur insert gambar, video, bullet and numbering, pemerataan teks, dsb. Akibatnya? Yup, kita harus membuatnya dengan cara manual menggunakan edit HTML yang pastinya akan sedikit rumit kita pahami.


Padahal, dalam kenyataannya tabel ini sangat berguna dalam membuat pembaca lebih mudah mengerti dalam menangkap informasi yang kita berikan. Tabel membuat tampilan informasi menjadi lebih terstruktur, sistematis, dan rapi. Tampilan tabel yang attraktif juga bisa memancing perhatian pengunjung untuk membaca informasi yang ingin kita sampaikan.

Jadi, bagaimana cara membuatnya?

Pertama, masuk terlebih dahulu ke akun blogger kita.
Klik entri baru.
Saat kita menulis postingan blog, biasanya kita menulisnya di bagian compose bukan? Nah, khusus untuk membuat tabel ini kita harus menuliskannya melalui edit HTML.
Di bawah ini adalah contoh kode HTML yang perlu kita masukan untuk membuat sebuah tabel beserta isinya.

<table border="1" width="600">
<tr bgcolor="#E0F8E0"><td align="center"><b>Nama</b></td><td align="center"><b>Jenis Kelamin</b></td><td align="center"><b>Usia</b></td><td align="center"><b>Fakultas</b></td><td align="center"><b>Alamat Kost</b></td></tr>
<tr><td align="center">Brian</td><td align="center">Pria</td><td align="left">20</td><td align="left">Teknik</td><td align="left">Jl. Pinangga 1</td></tr>
<tr><td align="center">Bonar</td><td align="center">Pria</td><td align="left">19</td><td align="left">Kedokteran</td><td align="left">Jl. Mawar 9</td></tr>
<tr><td align="center">Dicky</td><td align="center">Pria</td><td align="left">20</td><td align="left">Teknik</td><td align="left">Perumnas Bakti</td></tr>
<tr><td align="center">Umar</td><td align="center">Pria</td><td align="left">20<td align="left">Hukum</td><td align="left">Jl. Hiu 5</td></td>
<tr><td align="center">Susi</td><td align="center">Wanita</td><td align="left">21<td align="left">Ilmu Sosial Ilmu Politik</td><td align="left">Jl. Dahlia 2</td></td>
<tr><td align="center">Dahlia</td><td align="center">Wanita</td><td align="left">19<td align="left">Ekonomi</td><td align="left">Komplek Gandaria</td></td>
<tr><td align="center">Riko</td><td align="center">Pria</td><td align="left">20<td align="left">Teknik</td><td align="left">Jl. Harapan 1</td></td>
<tr><td align="center">Citra</td><td align="center">Wanita</td><td align="left">22<td align="left">MIPA</td><td align="left">Jl. Tanjung 7</td></td>
<tr><td align="center">Bunga</td><td align="center">Wanita</td><td align="left">21<td align="left">MIPA</td><td align="left">Wisma Paramadya</td></td>
</table>

Klik terbitkan entri.

Keterangan :
  1. Kode untuk membuat baris tabel <tr> ... </tr>.
  2. Kode untuk membuat kolom tabel <td> ... </td>. (satu baris dapat terdiri dari beberapa kolom).
  3. Warna background ditunjukan oleh kode bgcolor="#E0F8E0".
  4. Lebar tabel ditunjukan oleh kode width="300".
  5. Kode yang diwarnai hanya digunakan untuk lebih memudahkan pembaca dalam memahami tutorial membuat tabel dalam postingan blog ini. (warna tidak mempengaruhi apapun).

Hasilnya akan muncul sebagai berikut ;

NamaJenis KelaminUsiaFakultasAlamat Kost
BrianPria20TeknikJl. Pinangga 1
BonarPria19KedokteranJl. Mawar 9
DickyPria20TeknikPerumnas Bakti
UmarPria20HukumJl. Hiu 5
SusiWanita21Ilmu Sosial Ilmu PolitikJl. Dahlia 2
DahliaWanita19EkonomiKomplek Gandaria
RikoPria20TeknikJl. Harapan 1
CitraWanita22MIPAJl. Tanjung 7
BungaWanita21MIPAWisma Paramadya

Agak rumit ya kode HTMLnya? Hehe..
Memang bagi yang belum terbiasa menggunakan akan terkesan rumit. Tapi kalau kita sudah terbiasa pasti akan bisa. Tetap berlatih dan berusaha!
Ada yang ditanyakan? Kalau ada yang ingin menambahkan atau menanggapi juga boleh, silakan tuliskan lewat kotak komentar ya kawan..
Salam blogger!
Labels:

Comments

Post a Comment

Popular posts from this blog

Memberi Emoticon Pada Postingan Blogspot

Hallo kawan blogger semuanya.. Apa kabar hari ini? Baik-baik bukan? Yup, pada hari jum’at yang indah ini kita akan membahas pengetahuan bagaimana menampilkan emoticon pada postingan blogspot milik kita. Sebelumnya, ada yang sudah tahu? Kalau sudah, siapa tahu langkah ini berbeda dengan yang selama ini kalian lakukan. Lumayan bukan untuk menambah pengetahuan baru? Bagi yang belum tahu, dengan penambahan emoticon dalam postingan blog kita niscaya akan membuat lebih semarak dan interaktif dengan pembaca! Penasaran? Yuk, langsung saja kita lihat penjelasannya.. Langkah-langkah yang perlu untuk dilakukan yaitu; Log in ke akun blogger milik kita. Klik buat entri untuk mulai membuat postingan baru. Nah, saat kita menulis dan ingin memasukan emoticon, masukan saja kode emoticon yang sesuai dengan keinginan kita pada bagian edit HTMLnya. <img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif"> <img src="http://photos1.blogger.com/blogger/7678/802/1600/b...
Post a Comment
Read more

Situs URL Expander

Situs URL Expander – Situs URL expander memiliki peran penting dalam rangka menjaga keamanan aksesibilitas kita sebagai pengguna internet ketika ingin mengunjungi sebuah halaman blog atau situs tertentu. Hal ini dikarenakan situs yang menyediakan layanan URL expander akan memberikan informasi kepada kita mengenai URL yang sebenarnya dari sebuah URL yang disingkat menggunakan layanan dari situs penyingkat URL . Jika kita hendak bepergian ke sebuah tempat, tentu kita harus tahu banyak hal mengenai tempat tersebut. Setidaknya, kita mengetahui informasi yang jelas, lengkap, dan terpercaya dari tempat yang akan kita kunjungi. Manfaatnya yaitu kita akan diberikan jaminan rasa aman jika tempat yang kita kunjungi tersebut tidak akan membahayakan keselamatan kita. Selain itu, kita juga berpotensi untuk mendapatkan kepuasan lebih dengan mengeksplorasi dan mendayagunakan informasi yang kita miliki dari tempat kunjungan tersebut. Hal ini merupakan sebuah analogi yang dapat kita terapkan ketika ki...
Post a Comment
Read more

Widget Total Posts dan Total Comments

Kadang baik kita sebagai pemilik blog maupun pengunjung blog kita ingin mengetahui berapa banyak postingan yang sudah dipublikasikan dan total komentar untuk semua postingan tersebut. Sebagai pemilik blog, kita tentu ingin menampilkan seberapa banyak postingan yang sudah kita publikasikan dan seberapa banyak komentar yang sudah kita dapatkan. Karena, semakin banyak kita mendapatkan keduanya maka akan semakin menunjukan eksistensi blog kita. Sebagai pengunjung blog, kita juga akan mendapatkan semacam suggesti jika semakin baik dalam arti semakin banyak jumlah postingan dan jumlah komentar untuk semua postingan dalam sebuah blog, maka kita dapat menyimpulkan jika blog yang sedang kita kunjungi tersebut adalah blog yang eksis dan berkualitas. Memang tidak ada standar baku yang menentukan batas berapa total posts dan total comments sebuah blog agar blog tersebut dinyatakan bagus, atau dengan melihat perbandingan di antara keduanya. Karena semua ini sifatnya hanya suggesti dan pelengkap. B...
Post a Comment
Read more