Search JavaScript Kit:

This free script provided by
JavaScript Kit

Placed AD here !!

Cara Mudah Dan Gampang Membuat Tabel Di Blog

Untuk sebagian Blogger tentunya sangat sulit membuat tabel di postingan dengan hanya mengandalkan script yang hanya sederhana, karena keterbatasan pengetahuan tentang program yang menghasilkan script. Memang ada beberapa cara yang digunakan untuk membuat tabel di postingan yaitu dengan cara mengcopy dari dokumen yang sudah di buat di media seperti Ms Word ataupun Ms Excel, tapi tidak serta hasilnya mulus pada saat di loading karena konvert dari Word ataupun Excel memiliki kode-kode yang rumit sehingga loading akan menjadi berat. Dan ada juga dengan cara memasukkan kode script tabel tersebut seperti dibawah ini :

1. Tentunya login dulu ke blogger
2. Pilih Entry baru
3. Buatlah artikel baru dengan memasukkan kode dibawah ini pada mode HTML
 


<table width="400" border="1">
<tr>
<td align="center">
Konten kolom1
</td>
<td align="center">
konten kolom2
</td>
</tr> 
<tr>
<td align="center">
konten kolom1,baris2
</td>
<td align="center">
Konten kolom2,baris2
</td>
</tr>
</table>


Dan hasilnya setelah switch ke mode COMPOSE kira-kira seperti ini :

Konten kolom1 konten kolom2
konten kolom1,baris2 Konten kolom2,baris2

Atau bisa juga dengan cara yang sedikit agak panjang berikut ini :



<table border="1" style="width: 500px;">
<tbody>

<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>

<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>

<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>

</tbody></table>

hasilnya setelah di ganti mode COMPOSE :


Kolom 1 A Kolom 1 B Kolom 1 C
Kolom 2 A Kolom 2 B Kolom 2 C
Kolom 3 A Kolom 3 B Kolom 3 C

Nah yang di atas adalah cara sedikit manual dan cukup merepotkan juga dan harus jeli pada saat penempatan kolom dan isi kolom itu sendiri.
Tapi ada yang lebih simple dan praktis untuk pembuatan tabel serumit apapun dengan mengakses situs Table maker yaitu : http://tableizer.journalistopia.com/tableizer.php.

Ok kita langsung saja ke tutornya :

1.Buat dokumen di Ms. Word atau Ms. Excel
3.Copy dokumen tersebut dan Paste-kan

Keterangan gambar: 
 Fon Size : untuk merubah ukuran font
Header Color : untuk mewarnai background Header
Font : untuk merubah Jenis Font

4. Klik , menghasilkan dua frame yang ke-1 frame Script yang nantinya kita tempatkan di postingan kita, dan yang ke-2 frame hasil realnya setelah di tampilkan dalam mode COMPOSE.

Frame-1





 5. COPPAS kode di atas ke postingan kita dan hasilnya setelah di switch ke mode Compose akan seperti :


Huih !! panjang juga ya..... tapi mudah khan??? silahkan di coba dan semoga bermanfaat.

***h72***



1 komentar:

No spam...