RSS Feed

Cara Membuat Kode Banner

April 19, 2013 by murtiyarini

Kali ini saya akan berbagi catatan tentang cara membuat banner sendiri. Saya baru mencobanya dan berhasil.
Begini caranya lihat kode html dibawah ini!!

  1. Buatlah gambar Banner anda menggunakan software pembuat gambar, misalnya Paint, Adobe Photoshop, Power Point atau yang lainnya terserah anda.
  2. Untuk mendapat URL gambar atau banner anda, bagi pengguna blogger bisa menggunakan fasilitas picasaweb.google.com anda atau mau yang lain. Tapi khusus picasaweb.google.com Caranya setelah anda mengupload sebuah gambar, maka anda klik kanan pada gambar tersebut. Kemudian klik copy image location, itulah url gambar anda.  Saya menempelnya dalam blog pribadi.
  3. Copy kode di atas dua – duanya yang atas dan yang bawah ke kode HTML/JavaScript, beri judul sesuka hati.Pasang Banner di Blog Anda, Buat Koleksi.

<center><a target=”_blank” href=”URL Anda” title=”Nama Blog Anda”><img src=”URL Gambar Banner Anda” alt=”Nama Blog Anda” /></a></center>

<div><form name=”copy”><div align=”center”><input onclick=”javascript:this.form.txt.focus();this.form.txt.select();” type=”button” value=”Tandai Semua Lalu Copy+Paste” /> </div><div align=”center”></div><p align=”center”><textarea style=”WIDTH: 250px;¬†HEIGHT: 50px” name=”txt” rows=”100″ wrap=”VIRTUAL” cols=”55″><center><a target=”_blank” href=”URL Anda” title=”Nama Blog Anda”><img src=”URL Gambar Banner Anda” alt=”Nama Blog Anda” /></a></center></textarea></p></form></div>

  1. Untuk Kata Tandai Semua Lalu Copy+Paste bisa anda ganti sesuai keingingan anda.
  2. Lalu anda dapat mengatur lebar text area dengan mengubah angka di kodeWIDHT, dan HEIGHT untuk ukuran kebawah atau panjangnya.
  3. Tambahan bila anda tidak menginginkan banner berada di tengah bisa anda hapus tulisan center dan ganti dengan keinginan anda.

Contoh banner buatan saya :

 Hope and Love For Future

 Memandang Dari Kampus

 Memandang Dari Kampus



3 Comments »

  1. Cara cantik says:

    kode html untuk barner terkadang kagak berfungsi (banner kagak muncul). apa hal itu dikarenakan loading blog yg lambat.

  2. Romy says:

    Materi menarik…

    Sukses terus…

    Kunjungi Info sharing digital marketing di :

    http://www.romeisongulo.com/

Leave a Reply

Your email address will not be published. Required fields are marked *