Loading...
Thursday, December 31, 2009

Membuat Banner dan Link Exchange

Bagaimana cara membuat seperti ini:



Banner digunakan seperti blogroll namu dalam bentuk gambar sehingga lebih menarik. Link exchange adalah kode html yang disebarkan pada semua orang untuk menaruh banner kita di widget orang lain. Nah kita langsung saja!


  1. Bukalah program gif animator. Program tersebut dapat di download di situs-situs internet seperti download.cnet.com. Kebetulan saya menggunakan salah satu program GIF Animator versi tutorial yaitu Easy GIF Animator. Dapat di download dengan meng-klik link ini.
  2. Setelah men-download program tersebut, bukalah dan buatlah file gif yang kamu sukai. Bebaskan ekspresimu!!!
  3. Upload file gif aku ke situs gambar, misalnya Imagehack
  4. Setelah upload berhasil, klik gambar yang di upload. Nanti akan muncul tabel kode di pojok kiri bawah. Nah, yang kita ambil adalah kode html-nya.
  5. Copy paste kode HTML-nya di notepad atau program pengoolah kata lainnya.
  6. Misal kodenya   <a target='_blank' title='Share your picture' href='img src='http://img51.imageshack.us/img51/7610/blogy.gif'><img src='http://img51.imageshack.us/img51/7610/blogy.gif' border='0'/></a>    Tulisan berwarna hijau menunjukkan bila kita klik banner kita maka akan terbuka window baru, untuk membuka pada window yang sama hapus tulisan tersebut. Tulisan berwarna merah menunjukkan judul banner kita, gantilah judul tersebut, bebas. Tulisan berwarna ungu menunjukkan link kita. Fungsinya sama dengan hyperlink, isilah alamat yang mau kita taut.
  7. Banner sudah jadi, kita bisa copy banner tersebut ke dalam widget kita.
  8. Untuk membuat link exchange... Perhatikan kode berikut...  <div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </div><div align="center"></div><p align="center"><textarea style="width: 126px; height: 50px;" name="txt" rows="20" wrap="VIRTUAL" cols="20">Your text</textarea></p></form></div>     Gantilah Your text dengan kode HTML banner kita.
  9. Nah, untuk menyertakan banner dan Link exchange tinggal meletakan kode HTML banner dan kode HTML link exchane di widget kita.

* Jika kita ingin membuat tabel seperti link exchange tapi isinya bukan link, tinggal mengganti Your text dengan kata-kata kita...
^^selamat mencoba... jangan lupa copy HTML code aku ke widget kamu ya!!

2 comments:

  1. Nice inpo bos!!!,thx ya!!

    ReplyDelete
  2. yapp.. sama-sama...
    semoga dimengerti...
    kalau sudah, silahkan pasang banner saya. Nanti saya pun akan memasang banner Anda..

    ReplyDelete

curat-coret di sini...

wibiya widget

BlogUpp!

 
TOP