Mengatur Ukuran Gambar | Tulisan Dika

Senin, 21 Februari 2011

Home » » Mengatur Ukuran Gambar

Mengatur Ukuran Gambar

Berbicara tentang cinta...
Loh salah !!!
maksud saya berbicara tentang kata Image pasti sangat berkaitan dengan gambar, ada apa dengan gambar??
dengan adanya gambar di blog kita, pasti blog kita menjadi sangat menarik apa lagi jika gambar itu lucu-lucu, tetapi sebenarnya berlebihan memasang gambar pada blog kita itu tidak bagus juga karena dapat memperberat blog kita sehingga blog kita susah di akses oleh para pengunjung, jadi pasanglah gambar di blog anda sewajarnya saja yah..

okey, kali ini saya akan menjelaskan kepada anda tentang cara merubah ukuran gambar dan juga seluk beluknya.

caranya adalah sebagai berikut:
  • PERTAMA

    Yang harus dilakukan pertama kali ialah menyiapkan gambar yang anda inginkan untuk diatur ukurannya. Jika anda bisa membuatnya dengan program sejenis photoshop buat saja.

  • KEDUA

    Langkah selanjutnya adalah sobat upload gambar sobat di intenet, bisa ke Blogger atau hosting lain seperti www.photobucket.com, gambar apapun bisa di upload disana sob hehehe

  • KETIGA

    Langkah ketiga adalah mengatur ukuran dari image anda agar sesui dengan yang diingikan, karena jika tidak sesuai umpama terlalu besar atau terlalu kecil hasilnya tidak enak dilihatnya, misal URL gambar saya seperti ini:

    http://i1185.photobucket.com/albums/z359/handikacahyo/Cow.jpg

    untuk memasang gambar di blog kita butuh script <img src="URL image">

    kode pun akan menjadi seperti ini:

    <img src="http://i1185.photobucket.com/albums/z359/handikacahyo/Cow.jpg">

    dan tampilan gambarnya dengan ukuran asli akan menjadi seperti berikut..



    Naah cara merapikannya adalah dengan cara menambahkan sedikit kode script kedalam kode image kita, yaitu width="..." untuk lebar, height="..." untuk tinggi, dan terakhir border="..." untuk bingkai. Saya tidak memakai border sehingga nilai border saya jadikan 0 agar menjadi bagus hasilnya dan berikut hasil kodenya..

    <img src="http://i1185.photobucket.com/albums/z359/handikacahyo/Cow.jpg" width="45" hight="45" border="0">
    dan hasil gambarnya:


yaa mungkin cukup sekian tips yang bisa saya ajarkan, semoga bermanfaat... senyum

0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Posting Komentar

Silahkan Anda berkomentar jika anda mendukung blog ini agar terus maju.
----------------------------------------
| No SPAM, No Porn, No SARA |
----------------------------------------

Selamat datang dan selamat membaca artikel di Dika | Dika via Handphone Klik disini