post by: Daudi Ass
Tag: tips Xtgem

ASSALAMUALAIKUM WR WB

salam damai sobat XT, apa kbr semua, jumpa lagi sama daudi.. :D

sekarang daudi mau kasih tips merubah gambar tanpa diedit dgan semua ukuran anda :D:D:D

A. Merubah gambar tanpa mengedit yang asli
contoh gambar:D :D
1. Dibuat ukuran Lebar 20 Tinggi 30

:Dcopas kodenya
<img src="Url Gambar Anda" width="20" height="30" alt="Jhadi.jpg" />

2. Dibuat ukuran lebar 50, tinggi 50

:D copas kodenya
<img src="Url Gambar Anda" width="50" height="50" alt="Jhadi.jpg" />

3. Dibuat ukuran Lebar 70 Tinggi 70

:D copas kodenya
<img src="Url Gambar Anda" width="70" height="70" alt="Jhadi.jpg" />

4. Dibuat ukuran Lebar 100 Tinggi 100

:Dcopas kodenya
<img src="Url Gambar Anda" width="100" height="100" alt="Jhadi.jpg" />

Penting!!:D
untuk ukuran tinggal di ganti semau anda

B. Membuat text berada di samping gambar: :D
1. Contoh gambarnya dan textnya:
ini text disampingnya

2. Oke langsung di copas aja ya kodenya: :D
<img src="Url Gambar Anda" width="70" height="70" alt=" " style="float:left;" /> Text anda disini

Penting!!
:D Untuk ukuran width: 70 dan height:70 tinggal ganti aja semau anda :D

C. Membuat tabel 2 kolom
jadi begini langsung aja ke titik inti ya :D

1. Contoh table 1

nich dia kodenya:D :D <table width="100%" border="2"><tr><td align="center" style="width:50%;background-color:#090;border:2px dotted #8b008b;">ITEM 1</td></tr></table>

2. Table 2 kolom

ini kodenya:D
<table width="100%" border="2"><tr><td align="center" style="width:50%;background-color:#009900;border:3px inset #0c0;">ITEM 1</td><td align="center" style="width:50%;background-color:#009900;border:3px inset #0c0;">ITEM 2</td></tr></table>

nah anda semua udah paham semua khan kawan
daudi kasih gambaran bila digabungin semva jadi begini:D :)

oke sekian dari daudi semoga ada manfaatnya, jgan lupa follow ya:) :D

WASSALAMUALAIKUM WR WB