Catatan Kaki Seorang Lelaki

Dimana aku berada, disana aku berpijak....

Menampilkan Gambar Secara Manual pada Web Blog

contohhai semua…..
gimana kabar kalian semua…..
uhh…. sudah lama neh saya tidak posting di blog……

kali ini saya akan membagi  ilmu ke anda tentang cara bagaimana menampilkan gambar di halaman web khususnya web blog.

bagi yang sudah master dalam mengolah web blog sih itu merupakan hal yang mudah, tapi bagaimana dengan para pemula yang barusan mengenal internet dan mereka tidak mengetahui bagaimana cara menampilkan gambar di sebuah web blog. wah…wah… pasti pusing banget tuh….!!!!

Ok deh klo gitu langsung aja, begini neh caranya :

1. tentunya anda harus LOG IN dulu di Web Blog anda.
2. Kemydian masuk ke halaman template untuk mengeditnya.
3. Kemudian masukan kode berikut ke tempat yang anda inginkan :

    <img src="http://alamathostingkamu.com/gambar1.jpg" width="100" height="34" alt="keterangan" vspace="2" hspace="2" border="0">

4. maka contoh hasilnya akan tampak sebagai berikut :

                           contoh

5. Oya anda yang barusan megenal web blog pasti bingung maksudnya kode HTML  tadi tuh apa??? santai aja bos, ini saya kasih keterangan dari kode-kode tadi kok :     -IMG: Tag ini fungsinya untuk memberitahu browser bahwa ada gambar yang dimasukan ke dalam situs terseut.

    -SRC: Kode ini memberitahukan ke browser dimana letak file gambar tersebut. Oya perlu diperhatikan dalam penulisan nama gambar karena sifatnya sangat sensitif artinya huruf besar dan kecil dianggap beda.

    -WIDTH / HEIGHT: Tag ini menjelaskan ukuran dari gambar, berapa pixels tinggi dan lebar gambar yang digunakan dalam situs, besarnya tinggi dan lebar gambar terserah anda, misalnya dapat juga anda memasukkan lebar 300 tinggi 200 untuk mendapatkan dimensi yang lebih besar dari sebelumnya.

    -ALT: Tag ini fungsinya memberitahukan tanda atau nama gambar menjadi text fungsinya bila browser yang kamu gunakan gak bisa meload gambar atau browser sedang dalam mode text only maka tulisan "keterangan" akan muncul menggantikan gambar tersebut.

    -BORDER: border merupakan garis yang ada di tepi gambar.  

    -HSPACE / VSPACE: Tag ini fungsinya memberikan jarak gambar dari garis table, tag ini berguna bila kamu mengkombinasikan dengan penggunaan text sebagai keterangan gambar.

Itulah cara menampilkan gambar di halaman web blog anda….
semoga artikel ini bermanfaat bagi anda semua………..




2 Comments »

The URI to TrackBack this entry is: http://mienk.blogsome.com/2007/12/24/10/trackback/

  1. Siip, makasih mas, ada pencerahan nih

    *mode tak kenal ON*

    Comment by gempur — 26 December 2007 @ 7:45 am

  2. yoa…..

    Comment by Administrator — 4 May 2008 @ 3:49 pm

RSS feed for comments on this post.

Leave a comment

Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>



Anti-spam measure: please retype the above text into the box provided.