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
<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
<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
Untuk lebih jelasnya. Silahkan ikuti petunjuk dibawah ini:
1. Untuk membuat tabel 1x2 (1 baris 2 kolom) maka kode yang digunakan adalah:
<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.
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
Maka hasilnya seperti ini:
Ok saya rasa itu saja tutorialnya. Selamat mencoba...
http://www.hermanblog.com/2009/05/cara-membuat-tabel-pada-blogger.html
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">Keterangan:
<tr>
<td></td> <td></td>
</tr>
</table>
<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">Maka hasilnya akan menjadi seperti ini:
<tr>
<td>Konten 1</td> <td>Konten 2</td>
</tr>
</table>
Catatan:
Konten 1 Konten 2
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
0 komentar:
Posting Komentar