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=’http://heryantony.com/ebook'”><b>E-BOOK GRATIS!</b></button>

Selamat mencoba, semoga bermanfaat!

39 thoughts on “Cara Membuat Tombol Link

  1. aizi

    mas kodenya salah
    aku dah coba ga pernah jadi
    cba diperiksa lagi ya?
    maap….bukanya menyalahkan atau sok pinter tapi saya coba ga jadi jadi…

    Balas
  2. Heryan Tony Penulis

    @Aizi
    terima kasih, mas atas pemberitahuannya. Kadang bikinnya keburu jadi ada yang tinggal.
    Tapi, setelah saya coba ternyata bisa jalan, mas.
    Coba mas Aizi perhatikan tanda dan jangan ada yang kurang.

    Balas
  3. aizi

    mas aku punya html cepatnya?
    ku boleh pistink tntg tu n dkit ngedit postingan mas ya ni kn?
    e_book
    maf bukanya sok kepintaran tp jujur ni bru ku tmukan malem ni dg referensi dri mas thanks bnyak ya/

    Balas

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *