Cara membuat tombol download dan demo ini sangat mudah tidak perlu edit HTML ,cara pemasangan nya tinggal copy kode di bawah ini dan pastekan di mode HTML lalu di compose.
Seperti gambar di bawah ini:
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; width: 80px;">
<a href="#"><center>Download</center></a></div>
<br>
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; width: 80px;">
<a href="#"><center>Demo</center></a></div>
Hasilnya :
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff000; border-radius: 10px; border: 4px outset #fff; padding: 10px; width: 80px;">
<a href="#"><center>Download</center></a></div>
<br>
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff000; border-radius: 10px; border: 4px outset #fff; padding: 10px; width: 80px;">
<a href="#"><center>Demo</center></a></div>
Hasilnya :
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #000000; border-radius: 10px; border: 4px outset #fff; padding: 10px; width: 80px;">
<a href="#"><center><span style="color: #ffffff;"> Download</span></center></a></div>
<br>
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #000000; border-radius: 10px; border: 4px outset #fff; padding: 10px; width: 80px;">
<a href="#"><center><span style="color: #ffffff;">Demo</span></center></a></div>
Hasilnya :Keterangan : Ganti tanda # dengan link download dan link demo anda,untuk ukuran width/lebar dan ukuran height/tinggi,bisa anda sesuaikan.
Baca juga:
Dan untuk warna background bila anda mau mengganti nya dengan warna yang sesuai selera anda bisa pilih beberapa warna di bawah ini yang sudah saya sediakan:
red = #d81111
black = #000000
silver = #c0c0c0
gray = #8000000
white = #ffffff
maroon = #800000
purple #800080
fuchsia = #ff00ff
green = #008000
lime = #00ff00
olive = #808000
yellow = #ffff00
blue = #0000ff
aqua = #00ffff
navy #000080
teal = #008080
black = #000000
silver = #c0c0c0
gray = #8000000
white = #ffffff
maroon = #800000
purple #800080
fuchsia = #ff00ff
green = #008000
lime = #00ff00
olive = #808000
yellow = #ffff00
blue = #0000ff
aqua = #00ffff
navy #000080
teal = #008080
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ccc; border-radius: 10px; border: 4px outset #fff; padding: 10px; width: 80px; height: 20px">
<a href="#"><center>Download</center></a></div>
<br>
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ccc; border-radius: 10px; border: 4px outset #fff; padding: 10px; width: 80px; height: 20px">
<a href="#"><center>Demo</center></a></div>
Hasilnya :
<button onClick="window.location=' # '" style="background-color: #3583c0; color: #ffffff; width: 100px; heigth: 25px;">Download</button> <button onClick="window.location=' # '" style="background-color: #3583c0; color: #ffffff; width: 100px; heigth: 25px;">Demo</button>
Hasilnya :
<button onClick="window.location=' # '" style="background-color: #fff000; color: #ffffff; width: 100px; heigth: 25px;">Download</button> <button onClick="window.location=' # '" style="background-color: #fff000; color: #ffffff; width: 100px; heigth: 25px;">Demo</button>
Hasilnya :
Tags:
Tutorial