Teman Blogger

Rabu, 27 Januari 2010

Cara Untuk Masukkan Kode Image/Gambar dalam Blog


Ini adalah sambungan kepada posting semalam tentang Photobucket.

Setelah anda upload Image/Gambar anda di Photobucket anda akan diberikan kode Direct Link image.

Contohnya:

http://i1022.photobucket.com/albums/af347/arazak73/TestingfotPhotobucket.png

Seterusnya apa yang anda harus lakukan adalah menambah sedikit kode  <img src="Link URL logo">, sehingga kode tadi menjadi seperti ini :

<img src="http://i1022.photobucket.com/albums/af347/arazak73/TestingfotPhotobucket.png">

Contoh hasilnya akan seperti ini :



Untuk cara memasukan kode HTML kedalam blog anda boleh baca disini

Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image/gambar dalam ukuran sebenar. Jika anda ingin membesar atau mengecilkan image/gambar tersebut, anda harus menambahkan beberapa atribut ke dalam kode HTML anda. Contoh : image/gambar tadi saya ingin paparkan dalam ukuran 100px X 40px , maka kodenya akan menjadi begini : 

<img src="http://i1022.photobucket.com/albums/af347/arazak73/TestingfotPhotobucket.png" width="100" height="40"
alt="ini contoh saja"> 

Sedikit penerangan tentang kode diatas, kode width="..." untuk menentukan ukuran lebar image/gambar, jadi untuk membesar atau mengecilkan image, anda hanya perlu menambah atau mengurangkan nilainya. kode height="..." untuk menentukan ukuran tinggi image/gambar, anda hanya perlu menambah atau mengurangkan nilainya. Manakala alt="..." pula untuk memaparkan tulisan ketika mouse berada pada image tersebut. 

Sebagai contoh, hasil dari kode diatas adalah sebagai berikut,

ini contoh saja



Sekian, semoga memberi munafaat buat semua.     

Tiada ulasan:

Catat Ulasan

Related Posts Plugin for WordPress, Blogger...
 

Masa Itu Emas

MALAYSIA

Langgan artikel Via Email

Kirim update terbaru dari
Blog Ajak terus ke Email anda!

Delivered by FeedBurner

Hits counter

Website counter