April 29, 2009 Oleh Heryan Tony 39

Cara Membuat Tombol Link

Melanjutkan postingan sebelumnya mengenai Cara Menampilkan Banner, maka kali ini akan dibahas mengenai Cara Membuat Tombol Link. Tombol link maksudnya ketika kita mengklik tombol tersebut, maka kita akan menuju ke halaman web lain. Lalu apa hubungannya dengan Banner? Kalau banner kita mengklik gambar (image) tapi, di sini kita hanya menggunakan tombol sebagai ganti image.

Untuk membuat tombol berikut ini kita menggunakan Kode HTML. Tombol ada banyak macamnya, ada tombol submit, tombol navigasi, dll. Berikut cara membuat tombol sederhana.

Tombol Sederhana:

<button>Tombol</button>

Berikutnya cara membuat warna background dari tombol dengan menggunakan sedikit sentuhan dari CSS:

<button style=”background-color:lightblue”>Tombol</button>

Menentukan ukuran (size) dari Tombol:

<button style=”width:80;height:30;background-color:dimgray”>Pertama</button>
<button style=”width:150;height:50;background-color:sienna”>Kedua</button>

Selanjutnya adalah membuat link dari tombol:

Bila kita klik tombol EBOOK GRATIS!, maka kita akan menuju halaman Ebook Gratis.

<button style=”background-color:teal;width:150;height:40″ onClick=”window.location=’https://heryantony.com/ebook'”><b>E-BOOK GRATIS!</b></button>

Selamat mencoba, semoga bermanfaat!