Kamis, 03 Oktober 2013

Cara membuat kolom dan tabel di blog

, Seperti saya contohkan dibawah adalah Tabel Fungsi dari padaKegunaan Menu Dashboard.

MENUFUNGSI
DashboardUntuk melihat hasil dari data profile yang kita buat.
Entri BaruDigunakan untuk membuat tulisan atau postingan baru
Buat BlogKita bisa membuat blog lebih dari satu dengan Judul dan alamat blog yang berbeda dengan satu akun Gmail saja
Edit EntriDigunakan untuk mengatur postingan – postingan kita dahulu dan kita bisa men delete dan meng update hasil postingan kita.
BantuanJika kalian menemukan kesulitan dalam membuat atau mengatur blog
kalian tinggal meng klik link ini nanti kalian akan dibantu oleh tim blogger.
Lihat BlogDigunakan untuk melihat blog yang kita buat dan akan muncul
window baru
PengaturanPada link ini kita dapat mengatur keseluruhan dari blog kita mulai
dari setting jam,nama blog dan meng custom domain blog kita.
Layout/Tata LetakDigunakan untuk mengedit tampilan blog kita mulai dari menambah elemen blog sampai mengedit html blog kita sendiri. Pada halaman ini
merupakan hal yang sangat penting karena akan menentukan bagus atau tidaknya
tampilan blog kita.
Edit ProfileUntuk mengupdate data-data profile kita
AccountkuLink ini akan menuju account-account apa saja yang kita
gunakan pada google
BahasaKita bisa merubah bahasa pada blog kita dengan mengklik dropdown
ini.

Untuk membuat tabel data seperti diatas kode HTML nya adalah sebagai berikut :





Untuk memudahkan dalam penyampaian saya akan membuat Kode Kolom agar rekan-rekan lebih bisa memahami apa yang saya sampaikan, simak dibawah ini:

1. Kolom Pertama baris pertama saya singkat ( 1a )
2. Kolom Pertama baris kedua ( 1b )
3. Kolom Kedua baris pertama ( 2a )
4. Kolom kedua baris kedua ( 2b )
begitu dan seterusnya...

Dan untuk menambah baris kebawahnya anda tinggal menambahkan kode lagi seperti berikut

<tr>
<td>3 a</td>    
<td>3 b</td>
</td>

Loh mas saya pengennya tiga kolom gimana? Ya anda tinggal menambahkan kode

<th>Kolom Ketiga (1 c)</th>

Letakkan persis di bawah kode  

<th>Kolom Kedua(1 b)</th>  

Dan nanti jadinya akan seperti ini:

<tr>
<th>Kolom Pertama (1 a)</th>
<th>Kolom Kedua (1 b)</th>
<th>Kolom Ketiga (1 c)</th>
</tr> 

Begitu juga kolom dibawahnya juga menyesuaikan dengan menambah kode
 
<tr>
<td>3 a</td>    
<td>3 b</td>
<td>3 c</td>  
</td>

Sehingga dari keseluruhan kode-kode diatas akan jadi form seperti dibawah ini :

Kolom Pertama (1 a)Kolom Kedua (1 b)
2 a2 b

Dan bila ditambahkan kode yang berwarna biru akan menjadi seperti ini :

Kolom Pertama (1 a)Kolom Kedua (1 b)Kolom Ketiga (1 c)
2 a2 b2 c




yah begitulah cara nya..........

Tidak ada komentar:

Posting Komentar

Postingan Populer