Posting Gambar Berdampingan dengan teks dapat dilakukan pada saat upload gambar dalam keadaan 'Edit HTML' saat posting. Tapi bagaimana jika kita mengedit posting yang sudah terlanjur diposting? Apakah harus upload lagi?
Tujuan Posting Gambar Berdampingan dengan teks ini membuat area posting menjadi penuh dan simpel. Jadi untuk menghemat tempat area posting juga. Sebelum kita membuat Posting gambar berdampingan dengan teks berikut ini cara posting untuk gambar berdampingan.
1. Membuat Posting 2 Gambar Berdampingan.
Caranya :
Posisi menulis pada 'edit html' jika belum klik saja. Tambahkan kode ini :
<table><tr>
<td>alamat gambar sobat (kode gambar sobat)</td>
<td>alamat gambar sobat (kode gambar sobat)</td>
</tr></table>
<td>alamat gambar sobat (kode gambar sobat)</td>
<td>alamat gambar sobat (kode gambar sobat)</td>
</tr></table>
Jika lebih dari 2 gambar sobat tinggal tambahkan kode <td>alamat gambar sobat (kode gambar sobat)</td> dan seterusnya sebelum </tr></table>
Maka hasilnya adalah sebagai berikut :
 | |
2. Posting Gambar Berdampingan Dengan Teks
Caranya :
Upload dulu gambar sobat. Jika sudah, dalam keadaan "Edit HTML" kodenya kurang lebih akan seperti ini :
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGw6O3_I7kpHTmbpKiQ5TIxXmgzmdV7jK4TB_lhMyG4jCJmWvPYeSEQ19Exl21qUHYa1EwLR_FeRg-rUAZCeemKzb_IE-ICnSVY-bh1XK0gmQjJS7UHu-_6_1vLo4_HhBzkAhT8_M_qK1X/s1600/099281-blogger-logo-square.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGw6O3_I7kpHTmbpKiQ5TIxXmgzmdV7jK4TB_lhMyG4jCJmWvPYeSEQ19Exl21qUHYa1EwLR_FeRg-rUAZCeemKzb_IE-ICnSVY-bh1XK0gmQjJS7UHu-_6_1vLo4_HhBzkAhT8_M_qK1X/s1600/099281-blogger-logo-square.png"/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGw6O3_I7kpHTmbpKiQ5TIxXmgzmdV7jK4TB_lhMyG4jCJmWvPYeSEQ19Exl21qUHYa1EwLR_FeRg-rUAZCeemKzb_IE-ICnSVY-bh1XK0gmQjJS7UHu-_6_1vLo4_HhBzkAhT8_M_qK1X/s1600/099281-blogger-logo-square.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGw6O3_I7kpHTmbpKiQ5TIxXmgzmdV7jK4TB_lhMyG4jCJmWvPYeSEQ19Exl21qUHYa1EwLR_FeRg-rUAZCeemKzb_IE-ICnSVY-bh1XK0gmQjJS7UHu-_6_1vLo4_HhBzkAhT8_M_qK1X/s1600/099281-blogger-logo-square.png"/>
Jika sudah tambahkan kode di bawah ini sebelum tanda "/> pada akhir kode gambar.
style="float:left;margin:0 10px;"
Penempatan teks berada di setelah "/> atau mungkin juga seperti ini </a>.
Maka hasilnya :
<<<< ==== !!!
Gambar di samping adalah logo blogger berwarna hitam. Diupload tanggal 16 September 2011. .............................
........................................................................................
........................................................................................
........................................................................................
....................................................................................dst.
Untuk mengembalikan posisi semula cukup enter saja di belakanang kata terakhir yang dibuat berdampingan. Perlu di ingat bahwa membuat Posting Gambar Berdampingan Dengan Teks ini dalam keadaan "Edit HTML". Jika sudah, klik Preview atau Compose untuk melihat. Jika kurang sesuai klik lagi "edit HTML" hingga sesuai harapan. Happy Blogging!
