Warung Bebas

Sabtu, 25 Februari 2012

Cara memasukan gambar dengan HTML Ke dalam blog


Keseringan kita jika akan memasukan gambar 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 dari terjemahan kode tag di atas

Bagaimana…mudah bukan. Selamat mencoba, semoga membantu.
Salam.
Amir.
  • Rahasia mencari uang di internet akhirnya di ungkap + Bonus pulsa Rp 50.000 klik disini
  • Promosikan bisnismu 100 x lebih cepat + Bonus pulsa Rp 5.000  klik disini
  • 1 JAM BISA BUAT WEBSITE +Bonus pulsa Rp 5.000 klikdisini 

0 komentar em “Cara memasukan gambar dengan HTML Ke dalam blog”

Posting Komentar

 

Kaya dari Internet Copyright © 2012 Fast Loading -- Powered by Blogger