Minggu, 13 Maret 2011

cara memasukan images ke HTML

ada beberapa cara
(1) direct upload
(2) menggunakan URL
(3) indirect upload (gabungan dua cara di atas)
nah untuk saat ini abang ajarin masukin gambar di posting forum oke??
untuk posting yang di forum, menggunakan cara nomor 2 dan 3.

Menggunakan image URL
CATATAN : klo di google chrome namanya (image URL), klo di opera (image adress)
cara ini sangat gampang,, cukup cari gambar yang ingin diingkan di internet, trus kopi image URLnya trus paste di posting dengan menambah kode
neeh perhatiin deh (contoh di chrome)
- kita cari dulu gambarnya (contohnya cari kucing di google image)
- trus klik gambar kucing yang di inginkan, sampai ke ukuran sepenuhnya
- nah kopi deh

klo kita paste hasilnya kode seperti ini
http://4.bp.blogspot.com/_iDjs45VLpss/T … kucing.jpg
jadi di antara kode itu masukin tulisan ini jadinya [img]*kodenya_disini*[/img]
naah itu cara satu.

sekarang cara ke dua
Menggunakan inderect upload
mksdnya apa dah?? kita mengupload gambar, naah nanti kita dapet kode script url gambarnya,, (Seperti cara satu)
jadi gambar yang ada di kompu kita, kita upload ke salah satu situs yg menyediakan jasa upload, trus kita di kasih kode dan kita paste di posting kita ..
neeh buka deh http://www.tinypic.com
nanti kita di suruh pilih gambar yg ingin kita upload
- pilih gambar
- yg tags kosongin aja
- file tipe –> image
- resize —> message board/email (pilih aja mau jadi sebesar apa)
nah habis itu upload dah (kita akan melewati sekuriti kode)
klo berhasil kita akan loncat ke halaman berikutnya
dan mendapat gambar seperti ini

yg pertama itu untuk website
yg kedua untuk forum
yg ketiga url untuk email
yg ke empat ga tau hehe
jadi kopi yg ke dua dan paste di posting kalian



contoh gambar :

codingnya:
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik-Nfbbie5JESUAYrn7iyKWtkvvw_aAqiNrcpzLqABC_06KcB3SMa6kMbwkvK-VXS1nfT0Yz9c8Yh0AscTt__tqgrUcY_f8YYT_ZV2qO8GXxFTmXzTq5WjZphzS8aaR_LkDjQHsS450oI/s1600/X-SCUTRS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik-Nfbbie5JESUAYrn7iyKWtkvvw_aAqiNrcpzLqABC_06KcB3SMa6kMbwkvK-VXS1nfT0Yz9c8Yh0AscTt__tqgrUcY_f8YYT_ZV2qO8GXxFTmXzTq5WjZphzS8aaR_LkDjQHsS450oI/s400/X-SCUTRS.jpg" width="400" /></a></div>

Tidak ada komentar:

Posting Komentar