BLANTERORIONv101

Cara Memasukan Gambar dengan HTML ke Blog

25 Februari 2012
Setelah kemarin kita belajar cara mengubah format video menjadi 3GP, sekarang kita akan belajar cara  memasukan gambar dengan html ke postingan kita hanya memanfaatkan fasilitas insert image yang ada di menu lembar postingan yang hanya dengan mengklik menu tsb lalu upload gambar. 

Tapi bagaimana jika ingin memasukan gambar  tanpa cara tsb misal kita ingin membuat Artikel  postingan secara offline yang gambarnya sekalian di masukan ke artikel dengan tag HTML. Ikuti langkah berikut : 

Contoh saya akan memasukan gambar kucing ke dalam artikel Masukan tag <img style="width: 160px; height: 120px;"  src="file:///D:/FILE2 KU/ALBUM KENANGAN/DSC01741.JPG">

Penjelasan : Tag “img” menandakan bahwa ini adalah sebuah gambar dan “style” di ikuti dengan tanda sama dengan (=) maksudnya dengan atribut yaitu “width “untuk lebar disini 160px (piksel ) dan “height” untuk tinggi disini 120px . Jangan lupa sisipkan tanda petik ganda (“) untuk mendefinisikan isi style.  

Juga untuk  width dan height pisahkan dengan tanda titikoma (;).  Src maksudnya adalah source atau sumber gambar, ikuti tanda samadengan (=) lagi lalu tanda petik ganda (“) lalu file kemudian tanda titik dua (:) kemudian 3 slash (///) lalu Nama folder misal D > tanda titik dua (:) > nama folder. 

Pada gambar yang saya masukan ada di folder FILE2 KU>ALBUM KENANGAN>DSC01741.JPG dan akhiri dengan tanda petik lagi lalu kurung tutup runcing. Pokoknya ikuti seperti yang saya tuliskan di atas maka gambar akan muncul. Lihat gambar di bawah

Ini kode tag di Notepad. Simpan dengan ekstensi htm atau html

Ini hasil gambarnya

Selesai, gampang sekali.



6 komentar

  1. Unknown
    Unknown 10 September 2012 pukul 19.21

    Bang, Sya Mau tanya Dong Kenapa Ketika Saya Masukkin Gambarnya kok Corup(GAGAL) Itu kenapa iia ? padahal Prosodurnya sama mMohon Pencerahannya Tq !

    Reply
    • Kang Amir
      30 April 2013 pukul 01.30

      mungkin kodenya ada yang salah

  2. Unknown
    Unknown 29 April 2013 pukul 21.21

    makasih gan di coba cri2 akhirnya bisa jg

    Reply
  3. Admin Lulu
    Admin Lulu 10 Oktober 2015 pukul 19.02

    gan ijin tanya knp ya gambar gw kgk nampak cma ada kotak kosong gitu

    Reply
  4. Admin Lulu
    Admin Lulu 10 Oktober 2015 pukul 19.03

    gan ijin tanya knp ya gambar gw kgk nampak cma ada kotak kosong gitu

    Reply