Kita sebelumnya memahami cara membuat tombol di artikel disini yang nomer 7 bawah sendiri, nah sekarang saya ajarkan gimana cara memodifnya biar lebih keren. Caranya mudah kok, seperti cara memodif Spoiler di artikel Spoiler Berwarna dan Spoiler Bergambar, sudah baca belum? baca aja dulu kalau pengen tau :D langsung saja deh saya jelaskan cara modifnya :
Berikut Contoh Tombolnya :
Dan berikut codenya :
<button style="margin: 0px; padding: 0px; width:panjang tombol;background:kode warna;">Nama Tombol</button>
panjang tombol bisa diganti sesuka anda. satuan bisa memakai px atau juga bisa memakai %, contoh : 300px atau 40% .
kode warna bisa juga diganti dengan selera anda, contoh : #00ff00
Nama Tombol untuk menamai tombol tersebut.
Dan bila tombol digunakan untuk mengarahkan kesuatu link atau object, perhatikan code berikut :
<a href="URL_disini"><button style="margin: 0px; padding: 0px; width:panjang tombol;background:kode warna;">Nama Link atau Object</button>
Ganti tulisan URL_disini dengan URL yang akan anda arahkan dengan tombol tersebut.
Jadinya seperti berikut : (Bisa coba diklik)
Gampang kan ? Nantikan lanjutannya untuk membuat TOmbol Bergambar.
Selamat mencoba dan semoga berhasil :D
0 komentar:
Poskan Komentar