Cara Membuat Gambar Berdampingan.Kadang kala bila kita membuat satu postingan memerlukan penempatan gambar yang berdampingan,bak itu dua baris ataupun lebih.Menbuat Gambar Berdampingan ini adalah cara mudah yang anda bisa tempatkan di postingan ataupun widget anda untuk kerluan iklan atau jenis lainnya.
cara membuat gambar bersampingan di blog - fiqri blog mencoba untuk sharing cara membuat sebuah gambar berdampingan ini di postingan blog atau diwidget.Untuk tips ini saya kasih contoh gambar saja ya,nanti anda bisa menggantinya dengan kode scrift atau kode gambar anda sesuai kehendak.Berikut ini langkah-langkah cara membuat gambar bersebelahan di blog anda:
Langkah-langkah dan cara membuat 2 gambar atau widget berdampingan seperti dibawah ini:
Login ke Blog anda
Klik New post dan masuk pada tab html jgn compose.
Masuk pada kolom Postingan seperti biasa anda posting.
<table><tr>
<td>Letakkan kode Gambar 1</td>
<td>Letakkan kode Gambar 2 </td>
</tr></table>
Gambar 1 Apel
<a href="http://1.bp.blogspot.com/-UJNFRC3vke4/TzoVhG9KX-I/AAAAAAAAAIg/o1_jk2SW-q8/s200/Apel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-UJNFRC3vke4/TzoVhG9KX-I/AAAAAAAAAIg/o1_jk2SW-q8/s200/Apel.jpg" /></a></div>
Gambar 2 Jeruk
<a href="http://4.bp.blogspot.com/-UrHzKfiaFcc/TzoVjNDbHgI/AAAAAAAAAIo/3x5nWmJrjC4/s200/Jeruk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-UrHzKfiaFcc/TzoVjNDbHgI/AAAAAAAAAIo/3x5nWmJrjC4/s200/Jeruk.jpg" /></a></div>
Bila di satukan kodenya akan tampak seprti dibawah ini:
<table><tr>
<td>
<a
href="http://1.bp.blogspot.com/-UJNFRC3vke4/TzoVhG9KX-I/AAAAAAAAAIg/o1_jk2SW-q8/s200/Apel.jpg"
imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img
border="0"
src="http://1.bp.blogspot.com/-UJNFRC3vke4/TzoVhG9KX-I/AAAAAAAAAIg/o1_jk2SW-q8/s200/Apel.jpg"
/></a></div>
</td>
<td>
<a
href="http://4.bp.blogspot.com/-UrHzKfiaFcc/TzoVjNDbHgI/AAAAAAAAAIo/3x5nWmJrjC4/s200/Jeruk.jpg"
imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img
border="0"
src="http://4.bp.blogspot.com/-UrHzKfiaFcc/TzoVjNDbHgI/AAAAAAAAAIo/3x5nWmJrjC4/s200/Jeruk.jpg"
/></a></div>
Nanti Hasinya Akan tampak seperti Gambar dibawah ini :
|
|
Sekian gan ulasan dari fiqri blog tentang
cara memasang gambar berdampingan di posting blog