Menyimpan Link Pada Button Css
Tombol atau button yakni sesuatu untuk ditekan untuk mengaktifkan fungsi lainnya yang terdapat di dalam tombol tersebut. Ketika sebuat tombol ditekan, maka akan ada fungsi lainnya yang akan berjalan.
Salah satu fungsi tombol ini yaitu untuk membuka sebuah link dalam sebuah blog. Menaruh sebuah link di blog yakni hal dasar dan gampang dalam menciptakan sebuah blog.
Namun kalau tombol tersebut dibentuk dengan memakai CSS, maka ada hal yang lain yang harus diperhatikan lebih teliti supaya tombolnya lebih berfungsi dengan baik.
Secara sederhana sebuah link akan berupa isyarat menyerupai ini.
<a href="URL Tujuan">Klik Di sini</a>
Jika ingin memakai gambar, maka goresan pena "Klik Di sini" tinggal diganti dengan isyarat gambar menyerupai di bawah ini.
Coba Anda perhatikan, pada Tombol 1 semua kawasan tombol sanggup diklik dan berfungsi, namun pada Tombol 2 linknya sanggup berfungsi kalau Anda meng-klik-nya sempurna pada goresan pena "button" saja sedangkan di luar itu tombolnya tidak berfungsi dengan baik.
Demikian sharing kali ini, mudah-mudahan sharing tutorial ringan ini sanggup dimengerti dan bermanfaat...
Oh iya... kalau Anda ingin mencoba menciptakan tombol menyerupai di atas, silahkan baca juga postingannya pada link di bawah ini.
Sumber https://www.kompiajaib.com/
<a href="URL Tujuan"><img src="URL Gambar"/></a>
Begitu pun dengan tombol yang dibentuk dengan isyarat CSS, tinggal ganti saja goresan pena "Klik Di Sini" atau "<img src="URL Gambar"/>" tersebut dengan isyarat pemanggil tombolnya contohnya menyerupai di bawah ini.
<a href="URL Tujuan"><div class="ButtonOK">button</div></a>
Praktis bukan? Tapi banyak juga yang menyimpan link pada button CSS ini dibalik sehingga fungsi tombolnya kurang maksimal menyerupai di bawah ini.
<div class="ButtonOK"><a href="URL Tujuan">button</a></div>
Memang tidak salah namun fungsi tombolnya jadi tidak maksimal. Saya ilustrasikan pada tombol-tombol di bawah ini.
Tombol dengan isyarat menyerupai ini (Tombol 1):
<a href="URL Tujuan"><div class="ButtonOK">button</div></a>
Tombol dengan isyarat menyerupai ini (Tombol 2) - Kurang berfungsi dengan baik:
<div class="ButtonOK"><a href="URL Tujuan">button</a></div>
Demikian sharing kali ini, mudah-mudahan sharing tutorial ringan ini sanggup dimengerti dan bermanfaat...
Oh iya... kalau Anda ingin mencoba menciptakan tombol menyerupai di atas, silahkan baca juga postingannya pada link di bawah ini.
0 Response to "Menyimpan Link Pada Button Css"
Posting Komentar