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,





Sekian, semoga memberi munafaat buat semua.