Cara Membuat Tombol Link Di Posting Blog

0

Share

Klik Image untuk memperbesar gambar

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

Contoh:

<button>Klik disini</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>Klik Disini</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>Klik disini</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://andikwin.blogspot.com/2012/02/cara-membuat-tombol-link-di-posting.html'" style="background-color: blue; color: white; height: 30px; width: 200px;"><b>Kilk Disini</b></button>

Maka hasilnya seperti ini:

 Post by.Kang Andikwin

 Referensi

 publise modif : andikwin.blogspot.com