Hi quest ,  welcome  |  sign in  |  registered now  |  need help ?
Hanya Rp 5.000/bln ( Pasang Iklan Bunner Disini )
  • Akar Pasak Bumi
  • Akar Pasak Bumi

Daftar isi Posting

Cara membuat Tabel Di Blog

Salom...Sahabat Blogger,Kali Ini Saya Mau Menjukan Cara Sederhana Membuat Tabel Di Blog,Dimana Tabel Blog Ini Dapat Kita Fungsikan Sebagai Pemandu Sederhana Untuk Mempermudah Pembaca Di Blog Kita,Agar Dapat Mengerti ApaYang Kita Tulis Dan Apa Yang Akan Kita Sampaikan Kepada Pengunjung blog Kita,Nah Sekarang Langsung Saja Saya Tunjukan Cara Mudahnya Disini :
Masukan Kode html Seperti Di Bawah Ini

<table border="1">
<tbody>
<tr>
<td>Contoh 1</td><td>Contoh 2</td><td>Contoh 3</td><td>Contoh 4</td>
</tr>
</tbody></table>

Dan Hasilnya Akan Seperti Ini :

contoh 1contoh 2contoh 3contoh 4

Cara Penempatan Gambar Di Tabel Blog Seperti Contoh Berikut Ini :

<table border="1"><tbody>
<tr>  <td><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf_XIJ1PQG-sYO6DFLMObIIqB13Aki8kxbRR3YioN-czqWEdMZyio80owk8bV3PYBTA9Im3-r7IQCNnArh96y7duIeUKIR8TUS27bu4kINZOI3zcsFvBe1v5_yw8jy2249SK1zKn9qoJM/s1600/6760s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf_XIJ1PQG-sYO6DFLMObIIqB13Aki8kxbRR3YioN-czqWEdMZyio80owk8bV3PYBTA9Im3-r7IQCNnArh96y7duIeUKIR8TUS27bu4kINZOI3zcsFvBe1v5_yw8jy2249SK1zKn9qoJM/s1600/6760s.jpg" /></a></div>
Contoh Gambar 1
</td><td><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRoD5UWO1HLWZZomXH3t_bzvDIIri2rsmHeYOst8A613vG8TkAHtzLC7hcRCDSAwosLqULivawh49FqTF0JvGRim7OPZykn7rIKSc6pVvaXG7pSoyfezcalnbN-CoL8nXZt9qaKiqHY0/s1600/c3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRoD5UWO1HLWZZomXH3t_bzvDIIri2rsmHeYOst8A613vG8TkAHtzLC7hcRCDSAwosLqULivawh49FqTF0JvGRim7OPZykn7rIKSc6pVvaXG7pSoyfezcalnbN-CoL8nXZt9qaKiqHY0/s1600/c3.jpg" /></a></div>
Contoh Gambar 2
</td><td><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSh_GgCzmkXGy0MN30qssXd6OnFckpmvly6TG-RIU0hWAcuhKN8aZEb4tBddF0oNs6XfEYhta6qLvFEMp0OYZ58bz1bf1ppK9MXH3tnrn1uR9FzhzlQp7TdpVqGLT46Kn_mZrVbxBTQwo/s1600/c6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSh_GgCzmkXGy0MN30qssXd6OnFckpmvly6TG-RIU0hWAcuhKN8aZEb4tBddF0oNs6XfEYhta6qLvFEMp0OYZ58bz1bf1ppK9MXH3tnrn1uR9FzhzlQp7TdpVqGLT46Kn_mZrVbxBTQwo/s1600/c6.jpg" /></a></div>
Contoh Gambar 3
</td><td><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkW_shkSp-Oz_cKm6LvEedBlV6YH1dyqnXv1JqJlu1jforL82R-B7RBtWdja-ORjXCQJtkghL8RnKHM_HvEVsy8CZtzdbjq4X3xT3LV2q2lkWRTt6ZxUrLe08dD2kwNhjWZDRcFBQdDDI/s1600/e72.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkW_shkSp-Oz_cKm6LvEedBlV6YH1dyqnXv1JqJlu1jforL82R-B7RBtWdja-ORjXCQJtkghL8RnKHM_HvEVsy8CZtzdbjq4X3xT3LV2q2lkWRTt6ZxUrLe08dD2kwNhjWZDRcFBQdDDI/s1600/e72.jpg" /></a></div>
Contoh Gambar 4
</td>  </tr>
</tbody>  </table>

Dan Hasilnya Akan Seperti Ini :

Contoh  Gambar  1

Contoh  Gambar  2

Contoh  Gambar  3

Contoh  Gambar  4


Keterangan :
* Yang Harus Di Ubah Adalah,Tulisan Yang Saya Tandai Dengan Warna Merah
   Dapat Diganti Dengan URL  Gambar Dari Sahabat Blogger Sendiri.

0 komentar:

:f :D :x B-) b-( :@ x( :? ;;)
:-B :| :)) :(( =(( :s :-j :-p

Posting Komentar

Kami mohon bantuannya, agar anda memberikan komentar, komentar yang baik dan membangun, mencerminkan kepribadian diri.