Cara Memasukan Gambar dengan HTML ke Blog

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.



Posting Komentar

6 Komentar

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

    BalasHapus
  2. makasih gan di coba cri2 akhirnya bisa jg

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

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

    BalasHapus

Budayakan berkomentar dengan baik dan sopan :)