Update Terbaru
Loading...
Home » , » Cara Mudah Membuat Tabel di Blogspot
Published On : Senin, 19 November 2012
07.00.00 | Admin | No Comments

Cara Mudah Membuat Tabel di Blogspot


Cara Membuat Tabel Pada Postingan 

Tidak hanya pada word dan excel kita dapat membuat tabel tetapi pada postingan blog pun kita dapat membuat tabel yang berfungsi untuk memperjelas materi yang akan kita sampaikan di dalam postingan. Dan berikut cara membuat tabel pada postingan.
Langkah pertama yang yang harus sobat lakukan ialah gunakan mode HTML dalam penulisan postingan, selanjutnya copy java script di bawah ini dan paste di kolom postingan sobat.

1. Membuat tabel 1 kolom




<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="center"></td>
</tr>
</tbody>
</table>

2. Membuat Tabel 1 kolom 1 baris




<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
</tbody>

3. Membuat tabel 2 kolom 1 baris




<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="center"></td>
<td align="center"></td>
</tr>
</tbody>
</table>
Kesimpulan

4. Membuat tabel 2 kolom 2 baris






<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="center"></td>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
<td align="center"></td>
</tr>
</tbody>
</table>

Untuk memasukan tulisan kedalam tabel sobat tinggal memasukan hurup di antara "center"></td> seperti pada contoh di bawah

aaaa aaa

<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="center">aaaa</td>
<td align="center">aaa</td>
</tr>
</tbody>
</table>


Untuk menentukan rata tulisan sobat tinggal ganti "center" dengan "left" untuk rata kiri dan "right" untuk rata kanan.

Untuk menentukan jumlah kolom sobat tinggal menetukan berapa jumlah java script berikut
<td align="center">aaaa</td>

Untuk menentukan jumlah baris sobat tinggal menentukan jumlah java script di bawah ini
<tr>
<td align="center"></td>
</tr>
http://hobiku007.blogspot.com/2012/10/cara-membuat-tabel-pada-postingan.html



caranya gampang sobat tinggal copy paste html dibawah ini
cara mengisi tabel lihat dibawah ada cara membuat tabelText atau Gambar tingl ganti denga link url gambar atau Text
untuk perubahan warna sobat bisa ganti dengan wanrna lain warna hijau contohnya
contoh dibawah ini

Text atau Gambar Text atau Gambar Text atau Gambar Text atau Gambar

   cara memasang tabel di bliog    

        <table border="1" bordercolor="#3366FF" cellpadding="3" cellspacing="3" style="background-color: #ccffff; width: 400px;">
    <tbody>
<tr>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
         <td>Text atau Gambar</td>
        </tr>
<tr>
        <td>Text atau Gambar</td>
        <td>Text atau Gambarl</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        </tr>
<tr>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        </tr>
<tr>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        </tr>
<tr>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
         <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        <td>Text atau Gambar</td>
        </tr>
</tbody></table>
http://gooooocir.blogspot.com/2012/10/cara-membuat-tabel-text-atau-gambar-di.html


Cara Membuat Tabel Pada Blogger

Membuat tabel di komputer adalah hal yang sangat mudah karena sudah tersedia banyak program pembuat tabel di komputer seperti excel, calc, dan lain-lain. Lalu bagaimana untuk membuat tabel di blog khususnya blogspot? Meskipun Blogger.com tidak menyediakan fasilitas untuk membuat tabel tapi kita dapat membuat sendiri dengan menambahkan tag table dalam blog.

Untuk lebih jelasnya. Silahkan ikuti petunjuk dibawah ini:

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 menjadi 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 berwarna merah diatas </table>. Contoh:

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA7-bMChlh-oDhko0vE_jhJePXCmDh5bkTiE-WSE28k1qYyXSE-a0MAaBLSg0uZ2PjNxDz-gZx5y8SWdimA9Mn-fyqyauxWr3mWrPlSnDv9l00juIUZIOIwz-py3pwjfKMt4ltRPpUvrsc/" /></td> <td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1cZry2As0eBjPXmw6sM_UweKqEIJkn-O3W0ys6lkpZJTNvxOafIJ6y_roDAqkwi6eXvzPEdNjwQL-0brLUXiqbSFr5ar_bkWtoGKLeSbKJgNp8POEAYjoRJIq4CvjvLEAPr18p_34DSxq/" /></td>
</tr>
</table>

Maka hasilnya seperti ini:

Gambar 1 Gambar 2

Ok saya rasa itu saja tutorialnya. Selamat mencoba...

http://www.hermanblog.com/2009/05/cara-membuat-tabel-pada-blogger.html









Related Post

0 komentar:

Posting Komentar

Referensi : DTE | MDF Blog | MKR Site
Copyright © 2013. Gembulz Blog's - All Rights Reserved
Template Created by Creating Website Modify by Gembulz Blog's
Powered by Blogger Top