Monday, July 2

Cara Membuat Gambar Berdampingan pada posting

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. 

Shaka InghetS 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 Rancangan
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 Jeruk
<a href="http://1.bp.blogspot.com/-UJNFRC3vke4/TzoVhG9KX-I/AAAAAAAAAIg/o1_jk2SW-q8/s1600/Apel.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Apel" border="0" height="200" src="http://1.bp.blogspot.com/-UJNFRC3vke4/TzoVhG9KX-I/AAAAAAAAAIg/o1_jk2SW-q8/s200/Apel.jpg" width="198" /></a>
Apel


Gambar 2 Jeruk
<a href="http://4.bp.blogspot.com/-UrHzKfiaFcc/TzoVjNDbHgI/AAAAAAAAAIo/3x5nWmJrjC4/s1600/Jeruk.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Jeruk" border="0" height="200" src="http://4.bp.blogspot.com/-UrHzKfiaFcc/TzoVjNDbHgI/AAAAAAAAAIo/3x5nWmJrjC4/s200/Jeruk.jpg" width="185" /></a>
Jeruk

Bila di satukan kodenya akan tampak seprti dibawah ini:

<table><tr>
<td>Gambar 1 Jeruk
<a href="http://1.bp.blogspot.com/-UJNFRC3vke4/TzoVhG9KX-I/AAAAAAAAAIg/o1_jk2SW-q8/s1600/Apel.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Apel" border="0" height="200" src="http://1.bp.blogspot.com/-UJNFRC3vke4/TzoVhG9KX-I/AAAAAAAAAIg/o1_jk2SW-q8/s200/Apel.jpg" width="198" /></a>
</td>
<td>
Gambar 2 Jeruk
<a href="http://4.bp.blogspot.com/-UrHzKfiaFcc/TzoVjNDbHgI/AAAAAAAAAIo/3x5nWmJrjC4/s1600/Jeruk.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Jeruk" border="0" height="200" src="http://4.bp.blogspot.com/-UrHzKfiaFcc/TzoVjNDbHgI/AAAAAAAAAIo/3x5nWmJrjC4/s200/Jeruk.jpg" width="185" /></a>
</td>
</tr></table>

Nanti Hasinya Akan tampak seperti Gambar dibawah ini :
Gambar 1 Jeruk
Apel

Gambar 2 Jeruk
Jeruk
Catatan:
 Letakkan kode Gambar  1 dan kode Gambar 2 yang anda miliki.
 Lalu Terbitkan Entri dan Lihat hasilnya,semoga bermanfaat untuk anda,selamat berkarya.

Artikel Terkait:

No comments:

Post a Comment

Advertisements