KODE HTML MENAMPILKAN GAMBAR PADA POSTINGAN DENGAN BERBAGAI UKURAN

by Jack Fals on 10:36 PM, 19-Jan-12

Category: TUTORIAL KODE HTML

Hai sobat,apa kabar nih ? Kali ini saya mau berbagi cara menampilkan gambar pada postingan menggunakan html kode.

Mungkin bagi sang master caranya sangatlah mudah,tapi bagai mana dengan seorang pemula?

Baiklah langsung aja ke topiknya.Buat sobat yg kesulitan menampilkan gambar pada postingan.Simak kodenya di bawah ini :


<img src="url gambarmu/files/nama file"/>

Contoh : sobat ingin menampilkan gambar,dengan contoh rincian seperti di bawah ini :

url : http://awasgoyang.mywapblog.com

nama file gambar : burung.jpg

Maka cara nulis kodenya seperti di bawah ini.


<img src="http://awasgoyang.mywapblog.com/files/burung.jpg"/>

Maka akan seperti di bawah ini

burung.jpg

Dan jika sobat ingin merubah ukuran gambarnya,maka contoh kodenya seperti di bawah ini

Contoh : sobat ingin menampilkan gambar,dengan contoh rincian seperti di bawah ini :

url : http://awasgoyang.mywapblog.com

nama file gambar : iwan-bergitar.jpg

ukuran gambar : lebar 80
tinggi 80

Maka kodenya seperti ini


<img src="http://awasgoyang.mywapblog.com/files/iwan-bergitar.jpg"height="80"width="80"/>

Dan akan menjadi seperti di bawah ini
iwan-bergitar.jpg
Sobat tinggal ubah aja angka 80 pada kode di atas untuk merubah ukurannya.
width=lebar
height=tinggi

Terima kasih,semoga bermanfaat.(jackfals.com)


Share on Facebook Share on Twitter

Comments

31 responses to "KODE HTML MENAMPILKAN GAMBAR PADA POSTINGAN DENGAN BERBAGAI UKURAN"

Haikal Azra [12:44 AM, 20-Jan-12]

mantap gan,thx infonya biggrin

Jack Fals [01:02 AM, 20-Jan-12]

@Haikal Azra,mksh gan atas kunjungannya.

Cienugsienuqs™ [06:13 AM, 20-Jan-12]

thanks infonya sob...

Jack Fals [10:41 AM, 20-Jan-12]

@Cienugsienuqs™,sama2 sob.

Moehamad Hilman El-farizi [01:14 PM, 20-Jan-12]

pertamax sob,
salm oi, di tunggu kunbalnya D.K.SH

Bobby [01:46 PM, 20-Jan-12]

Mantap gan postingannya

Jack Fals [02:02 PM, 20-Jan-12]

@Bobby,makasih sob.

Jack Fals [02:08 PM, 20-Jan-12]

@Moehamad Hilman El-farizi,mksh sob,slm oi jg...Kalo sempat ane mmpir.

Gielangk [06:56 AM, 21-Jan-12]

salam kenal bang...??

Jack Fals [02:53 PM, 21-Jan-12]

@Gielangk,slm kenal jg sob.

Irham [10:12 AM, 19-Feb-12]

Kunjungan pertama sob

Travis [10:07 PM, 28-Feb-12]

Wagu

MustiS60 [08:18 PM, 03-Mar-12]

di cba gan..
skalian ijin follow

Halim Symbian newbie [07:21 AM, 29-Apr-12]

infonya mantaf sob

asalngeblog [11:47 PM, 13-May-12]

mampir gan...
biggrin

asalngeblog [11:48 PM, 13-May-12]

mampir gan...
biggrin

Arifin maulana [07:52 PM, 19-May-12]

tahnks ya gan , udh ngasih infonya , ditunggyu kunjunganya yaaaaa biggrin

Lucca De Manaz [09:05 PM, 19-May-12]

kunjungan perdana sob. Nice info bgt bwt newbie ky'aku..
Monggo mampir ke gubug aku...

fauzie ronald [08:50 AM, 26-Jun-12]

ok gan, d tnggu kunbalx.

Bangben87 [10:40 AM, 03-Jul-12]

mantep sob tengkyu ya n maju terus juga ijin folow :mrgreen

budak al kholaf [06:59 PM, 28-Aug-12]

kunjungan malan.. Gan infonya bagus.. Ijin copas ya gan..

Abil [12:34 PM, 03-Sep-12]

sungkem..
Salam knal..

Arek Jabon [04:50 PM, 24-Oct-12]

salam kenal gan

wandibongas [12:47 PM, 18-Dec-12]

salam kenal kang...apa harus apload dulu gambarnya...?? apa gimana...? mohon bimbinganya...

wandibongas [12:47 PM, 18-Dec-12]

salam kenal kang...apa harus apload dulu gambarnya...?? apa gimana...? mohon bimbinganya...

wandibongas [12:49 PM, 18-Dec-12]

salam kenal kang...apa harus apload dulu gambarnya...?? apa gimana...? mohon bimbinganya...

iyan pcb [12:52 AM, 07-Jan-13]

mantapp di tunggu kunbal'y di http://citunggul.yu.tl

ozy rizka [09:51 PM, 17-Jan-13]

Mantap gan infonya

ciponk [09:03 PM, 27-Jan-13]

thank gan..
Bermanfaat bgt nui.

Edy fitra [04:50 PM, 30-Jan-13]

Kunjungan sore.

keren bangat bos ... ^^

Gelora Cinta [03:33 AM, 22-Jul-14]

Nyimak sob

Subscribe to comment feed: [RSS] [Atom]

New Comment

[Sign In]
Name:

Email:

Comment:
(You can use BBCode)

Security:
Enable Images