G. PANDUAN LANJUTAN : MEMBUAT TABEL Sebuah postingan yang memuat konten berupa data-data dan perbandingan sangat butuh fitur BBCode Tabel. Seperti memuat laporan merit abuser, statistik, dsb. Oleh karena itu pada poin pembahasan kali ini, saya mencoba untuk memberikan beberapa tutorial dan saran dalam membuat tabel dari yang paling sederhana hingga paling rumit.
Tabel SederhanaBBCode Tabel terdiri dari tiga unsur :
[table] Konten Tabel [/table]
Penjelasan : Code sebagai pembuka dan penutup seluruh konten data pada tabel.
Penjelasan : Code sebagai pembuka dan penutup seluruh data pada satu baris.
Penjelasan : Code sebagai pembuka dan penutup tiap data pada kolom tertentu pada baris tertentu.
Langsung saja kita lihat contohnya :
Contoh 3 baris 1 kolomNama |
Husnanparebok |
Alizaind |
[table]
[tr]Nama[/tr]
[tr]Husnanparebok[/tr]
[tr]Alizaind[/tr]
[/table]
Jika di antara baris tersebut mau di tambahkan kolom, maka menggunakan code
[table]
[tr][td][/td][td][/td][td][/td][td][/td][/tr]
[tr][td][/td][td][/td][td][/td][td][/td][/tr]
[tr][td][/td][td][/td][td][/td][td][/td][/tr]
[/table]
Keterangan :
Pada kode di atas, ada tiga baris (tr) dan setiap baris terdapat 4 kolom (td)
Contoh penerapan kode di atas :
No | Nama | Registered | Status |
1 | Husnan Parebok | 16 November 2017 | Sudah Menikah |
2 | Alizaind | 2 September 2017 | Baru Lahir |
[table]
[tr][td]No[/td][td]Nama[/td][td]Registered[/td][td]Status[/td][/tr]
[tr][td]1[/td][td]Husnan Parebok[/td][td]16 November 2017[/td][td]Sudah Menikah[/td][/tr]
[tr][td]2[/td][td]Alizaind[/td][td]2 September 2017[/td][td]Baru Lahir[/td][/tr]
[/table]
Still on progress... Loading...
Tabel Tingkat Lanjut Part 1Pada poin kali ini, saya akan memberikan cara singkat, tanpa harus menuliskan kode, melainkan menekan tombol pada bbcode tabel.
Langkah 1 : Buatlah tulisan berikut ini. Sebagai contoh praktek.
Klasemen Sementara Serie A
No Club Poin GM GK SG
1. Juventus 15 20 5 15
2. Napoli 12 18 9 9
3. As Roma 11 16 10 6
Langkah 2 : Lakukan seleksi pada konten yang mau dibuat tabel. dalam hal ini dimulai dari No. s/d baris terakhir dan (s/d angka 6)
Langkah 3 : Pilih icon .. Untuk membuat tabel
Langkah 4 : Memberikan kode baris. Seleksi baris 1 (No s/d SG) kemudian pilih icon ... Baris 2 (1. s/d 15), Baris 3 (2. s/d 9) dsb.
Langkah 4, seharusnya akan kode membuat tabel menjadi :
Klasemen Sementara Serie A
[table][tr]No Club Poin GM GK SG[/tr]
[tr]1. Juventus 15 20 5 15[/tr]
[tr]2. Napoli 12 18 9 9[/tr]
[tr]3. As Roma 11 16 10 6[/tr][/table]
Langkah 5 : Memberikan kode kolom. Seleksai setiap konten, kemudian pilih icon .... Lakukan langkah 5 untuk setiap konten.
Setelah selesai, cek apakah hasilnya sama dengan kode dibawah ini.
Klasemen Sementara Serie A
[table][tr][td]No [/td][td]Club [/td][td]Poin [/td][td]GM [/td][td]GK [/td][td]SG[/td][/tr]
[tr][td]1.[/td] [td]Juventus [/td][td]15 [/td][td]20 [/td][td]5 [/td][td]15[/td][/tr]
[tr][td]2.[/td] [td]Napoli [/td][td]12 [/td][td]18 [/td][td]9 [/td][td]9[/td][/tr]
[tr][td]3. [/td][td]As Roma [/td][td]11 [/td][td]16 [/td][td]10 [/td][td]6[/td][/tr][/table]
Jika langkah yang agan lakukan benar, maka coba lakukan review, maka akan tampil seperti..
Klasemen Sementara Serie A
No | Club | Poin | GM | GK | SG |
1. | Juventus | 15 | 20 | 5 | 15 |
2. | Napoli | 12 | 18 | 9 | 9 |
3. | As Roma | 11 | 16 | 10 | 6 |
Tabel Tingkat Lanjut Part 2Sebernya ada cara lain untuk membuat tabel rumit dengan cara yang lebih mudah. Cara ini harus terlebih dahulu mengindentifikasi tabel yang akan kita buat. Berikut ini yang harus diperjelas sebelum membuat tabel rumit.
1. Berapa Jumlah bari yang akan dibuat
2. Berapa Jumlah Kolom yang akan dibuat
Jika sudah jelas, maka kita bisa melakukan teknik copy paste.
Sebagai contoh, kita akan membuat tabel dengan jumlah baris, 10 dan jumlah kolom, 6. serta ada kesamaan format untuk setiap baris.
Langkah 1 : Buatlah kode-kode dibawah ini sesuai dengan langkah pada pembahasan Tabel tingkat lanjut part 1
[table][tr][td][/td][td][/td][td][/td][/tr][/table]
Pada kode di atas ada satu baris dengan 3 kolom.
Langkah 2 : Modifikasi kode di atas menggunakan tombol enter menjadi :
[table]
[tr]
[td]
[/td]
[td]
[/td]
[td]
[/td]
[/tr]
[/table]
Langkah 3 : Kita tinggak mengisi konten di antara kode (td) dan (/td) di atas dengan konten seperti klasemen serie A di atas.
Keterangan Setiap baris pada tabel model ini, dipisahkan dengan tombol enter.
Contoh :
[table]
[tr]
[td]
No.
1.
2.
3.
[/td]
[td]
Club
Juventus
Napoli
Roma
[/td]
[td]
Poin
15
12
11
[/td]
[/tr]
[/table]
Kode di atas jika di preview akan menjadi :
No. 1. 2. 3.
| Club Juventus Napoli Roma
| Poin 15 12 11
|
Demikianlah beberapa panduan membuat tabel lanjutan. Silahkan agan-agan menilai, tabel model 1 atau 2 yang lebih mudah...
Referensi contoh tabel Rumit :
https://bitcointalk.org/index.php?topic=5048166.msg47409606#msg47409606https://bitcointalk.org/index.php?topic=5048166.msg46892627#msg46892627Agan-agan bisa cek kodenya dengan cara quote postingan tersebut. Dan agan bisa melihat code yang membentuk 2 postingan di atas.
Agan juga bisa copy paste dan menyesuaikan konten yang ingin agan buat.