Home » » Cara memasukan gambar dengan HTML Ke dalam blog

Cara memasukan gambar dengan HTML Ke dalam blog

Written By Amir mahmud on Sabtu, 25 Februari 2012 | 05.57

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.



4 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