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 1 | contoh 2 | contoh 3 | contoh 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:
EMOTICON :
:-B :| :)) :(( =(( :s :-j :-p
Posting Komentar
Kami mohon bantuannya, agar anda memberikan komentar, komentar yang baik dan membangun, mencerminkan kepribadian diri.