IXYELNO - Pada kesempatan kali ini saya akan membagikan tutorial bagaimana cara membuat button atau tombol link pada di sebuah website atau blog, simak baik-baik artikel ini.
Button link yang akan saya share ini cukup sederhana karena kamu hanya mengetikan code HTML dan sedikit CSS ketika menulis artikel. Jadi kode HTML dan CSS ini tidak usah dimasukkan di dalam template
1.Button tanpa link
Untuk membuat button tanpa link hanya sederhana kalian hanya menuliskan kode HTML yan ada dibawah ini.
<button>Button Tanpa Link</button>
Hasilnya seperti dibawah ini.
2.Button dengan link
Kode HTML dibawah sini.
<a href="https://www.ixyelno.blogspot.com"><button>Button Dengan Link
</button></a>
</button></a>
Hasilnya seperti di bawah sini.
3.Button dengan halaman baru ( New Tab )
Yang dimaksud adalah ketikan pengunjung mengklik button ini dia akan diarahkan halaman baru / membuka halaman baru dengan sendirinya.
<a href="https://www.ixyelno.blogspot.com" target="_blank"><button>Button Dengan Link & New Tab</button></a>
Hasilnya seperti di bawah sini.
4.Button link dengan background berwarna
Kode HTML dan CSS dibawah sini
<button onclick="window.location=
'https://www.ixyelno.blogspot.com' "style="background-color: #7ae6c9; color: white; height: 35px; width: 150px;">
<b>
Button Link Berwarna</b>
</button>
'https://www.ixyelno.blogspot.com' "style="background-color: #7ae6c9; color: white; height: 35px; width: 150px;">
<b>
Button Link Berwarna</b>
</button>
Hasilnya seperti dibawah sini.