Membuat Link Bentuk Tombol

Button link untuk blogger. Saat membuat tulisan di blogger kadang kita perlu merujuk ke sebuah halaman atau situs sebagai sumber, demo, atau rujukan. Umumnya berupa tautan dalam bentuk teks. Namun, supaya lebih 'terasa' maka kita bisa membuat sebuah tombol tautan untuk diklik oleh pembaca blog kita. Kesannya lebih canggih, hehe. Mari kita lanjutkan membuat tombol link tersebut.

Untuk membuat tombol link kita gunakan tag <button>. Misalkan kode berikut:

<button>Contoh Tombol</button>

maka hasilnya menjadi seperti berikut:

Namun tombol diatas ini belum mengandung tautan. Jadi saat diklik tidak ada efeknya. Kita harus menambahkan dulu kode tautannya pada tombol tersebut agar berfungsi.

Membuat Tombol Link 1

Untuk membuat tombol dengan link lihatlah contoh di bawah ini.
Misalkan:

<a href="http://www.kursuskilat.com/2013/02/membuat-link-bentuk-tombol.html"><button>Belajar</button></a>

Hasilnya:

Catatan: Ganti alamat url diatas dengan url milik Anda dan teks tombolnya (warna merah).

Membuat Tombol Link 2

Jika anda ingin saat diklik tombolnya membuka halaman web pada tab baru,  maka tambahkan target="_blank" pada kode tautan.
Menjadi:

<a href="http://www.kursuskilat.com/2013/02/membuat-link-bentuk-tombol.html" 
target="_blank"><button>Belajar</button></a>

Hasilnya:

Baca juga:

• Tips Agar Blog Ramai Pengunjung
• Widget Kamera Pengintai Untuk Blog
• Cara Membuat Link Pelangi
• Membuat Link Goyang
• Cara Membuat Spoiler Di Blogger
• Cara Membuat Websitemu Menari

Sumber:

http://www.kursuskilat.com/2013/02/membuat-link-bentuk-tombol.html