Cara Membuat Gambar Berdampingan

Selasa, 14 Februari 2012 | 20komentar

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.
Share this article :
Judul: Cara Membuat Gambar Berdampingan
Rating Blog: 5 dari 5
Ditulis oleh Eva Wangi
Anda sedang membaca artikel Cara Membuat Gambar Berdampingan. Anda bebas Copas untuk kode HTML pada Tutorial Blogging dan Tips Blogging, namun jika terpaksa ingin mengutip secara keseluruhan harap memberikan link aktif dofollow ke URL inihttp://evawangi.blogspot.com/2012/02/cara-membuat-gambar-berdampingan.html. Terima kasih sudah singgah dan berkomentar di blog ini.

20 komentar:

  1. wah keren jadi bisa kiri kanan ya gambarnya,, ^^

    BalasHapus
  2. Wah wajib coba neh, trims ilmunya:)

    BalasHapus
  3. Ijin mencoba sop yach,maksih tutornya,barokalloh,amin.Salam sukses saja and happy blogging.

    BalasHapus
  4. maap nih keluar jalur silahkn baca Award ke4 kampungku.dan setelah membaca silahkan di bawa pulang bingkisannya terima kasih


    happy blogging

    BalasHapus
  5. cuman kok gak presisi gambarnya mbak?
    mencong satu... heheheh

    BalasHapus
  6. @ALL
    Maksih kunjungannya,maksih komentarnya.

    @Widhi
    Yup,nanti kita share yang presisi,yang ini hanya cara mudah kawan,thanks ya.

    BalasHapus
  7. wah make tabel ya sist? metode yang baik. yang penting kan bisa berdampingan ya. sip sist, ane jadi belajar dah ke ente.

    BalasHapus
  8. Thank u fren, sip sip sip ..... simple & mudah dipraktekkan ;)

    BalasHapus
  9. Ada link masuk sini sop,makasih untuk idenya,salam sukses and happy blogging.

    BalasHapus
  10. wah,makasih banyak nih..berhasil. kalo boleh mohon pencerahannya saya ingin memuat 8 gambar gimana caranya biar jadi 2 baris (masing-masing baris 4 gambar), makasih.

    BalasHapus
  11. sangat bermanfaat :) thanks!

    BalasHapus
  12. cara gatur jaraknya gmn sob biar pas..??
    makasih...nice share

    BalasHapus
  13. .. kok mencong ya?!? kalo yang rapi ada gak?!? ..

    BalasHapus
  14. alhamdulillah.. bisa juga mas sudah saya coba.. biarin deh agak ga rapih.. hehehe.. tapi terima kasiih ya mas buat ilmunya.. bermanfaat banget.. ^^

    BalasHapus
  15. TOKO HANDPHONE TERBESAR TERLENGKAP TERMURAH TERPERCAYA NABILA SHOP Produk dijamin asli orginal.Dapatkan harga promo Nabila Shop Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS 085-757-299-675 ATAU KLIK WEBSET RESMI KAMI http://nabilashop77.blogspot.com
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock! Blackberry Curve 9320.Rp.700.000,-
    Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.
    Ready Stock! Samsung Galaxy Y S5360 GSM - Pure White.Rp.500.000
    Ready Stock ! BlackBerry Curve 9360 Apollo Rp.950.000,-

    BalasHapus
  16. sip gan langsung di coba dan berhasil.... thaks alot

    Cara mudah BBM di Laptop

    BalasHapus
  17. kalau memakai spoiler, apakah gambar tersebut masih bisa berdampingan kaka ? ^^

    BalasHapus
  18. Ok Ty Broo :D
    Akhirnya Ketemu Juga Nyari Kyak Gini T,T
    Thanks Info Nya ^_^
    Fisit Back o ^^
    http://www.blognyanoels.blogspot.com

    BalasHapus
  19. penjelasannya masih kurang non(buatpemula). but okelah, namanya juga berbagi... hihihi..

    BalasHapus

Tulis Komentar Yang Menyejukan Hati saja.
Tidak menerima Komentar Yang bermuatan Sara, Politik, Makar,
tidak pula Komentar Yang menjurus Iklan.
Terima Kasih sudah sedikit meluangkan Waktunya disini!

Ketik Yang Sobat Mau !

Artikel Terbaru

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2012. Shaka InghetS - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger