Header Ads

Cara Membuat Tombol Link

Cara Membuat Tombol Link

Untuk membuat tombol di Blogger, kita memerlukan tag <button> dan </button> untuk diapit di teks yang akan diberi tombol.

Contoh:

<button>INI ADALAH TOMBOL</button>

Maka hasilnya seperti ini:


Bila kita ingin memberi warna biru pada background tombol dan memberi warna putih pada hurufnya agar lebih menarik, maka kita tinggal menambahkan atribut background-color dan color pada tag <button> serta <b> dan </b> pada teks.

Misalnya:

<button style="background-color: blue; color: white;"><b>INI ADALAH TOMBOL</b></button>

Maka hasilnya seperti ini:


Kalau ingin menentukan ukuran tombol, tinggal menambahkan atribut width untuk lebar dan height untuk tinggi tombol.

Contoh:

<button style="background-color: blue; color: white; height: 30px; width: 200px;"><b>INI ADALAH TOMBOL</b></button>

Maka hasilnya seperti ini:


Sekarang kita akan memberi link pada tombol tersebut sehingga bila diklik akan tertuju pada link laman yang dimaksud. Untuk menyisipkan link, kita perlu menambah atribut onClick="window.location='URL'".

Contoh:

<button onclick="window.location='http://klikmunadi.blogspot.com/2011/02/cara-membuat-link-di-blogger.html'" style="background-color: blue; color: white; height: 30px; width: 200px;"><b>CARA BUAT LINK</b></button>

Maka hasilnya seperti ini:

7 comments:

  1. Keren Gan, ane jadi'in tombol ini di balas komentar :D

    follback sob -> http://www.vakucil.co.vu/

    ReplyDelete
  2. @Vąvą Ħęĩŗřő K Iya keren gan ane udah ke sana barusan n skalian follow..

    ReplyDelete
  3. Bermanfaat, trim bos.

    ReplyDelete
  4. Manteps nih ternyata gampang yah cara bikinnya, trims banyak...

    ReplyDelete
  5. wah mantap gan...mau di coba necch..
    kopy baliknya ke=http://bloggerasmuri.blogspot.com/
    thanks.

    ReplyDelete
  6. Thanks banget untuk panduannya mas :)

    ReplyDelete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.