Membuat Button Simple Dengan Tombol Close
Membuat Button Simple Dengan Tombol Close - Pada postingan sebelumnya kita sudah membuat button demo hanya dengan css dan kali ini kita akan mencoba membuat lebih sederhana lagi namun dengan tombol close.
Button yang kita buat ini sangat simple dan kadang berguna untuk menampilkan seperti catatan penting dalam sebuah postingan.
Bila anda ingin meletakan button ini dalam postingan pastikan dalam mode HTML
atau bisa juga diletakan di sidebar dengan Add Gadget - lalu pilih
HTML JAVASCRIPT.
Untuk membuatnya cukup mudah kalian hanya tinggal copy saja kode ini dan sesuaikan sendiri kata-katanya. Kalian jika bisa menaruh banner iklan dalam button ini.
<div id="Button" style="margin:0 auto;text-align:center"><input type="button" onclick="document.getElementById('Content').style.display='block';Button.style.display='none';" value="KLIK MELIHAT DEMO" /></div>
<div id="Content" style="display:none;width:auto;padding:10px;margin:0 auto;border:0px solid #aaa;text-align:center;box-shadow: 1px 3px 3px 0px rgba(179,179,179,1);background:linear-gradient(to right, orange, #ec38bc, #7303c0, cyan);color:#fff;}">
<p>ISI DENGAN KATA ATAU BANNER...</p>
<input type="button" onclick="document.getElementById('Content').style.display='none';Button.style.display='block';" value="✖" /></div>
Mudah sekali bukan? selamat mencoba dan lihat hasilnya!
Lihat juga: Cara Membuat Border Serbaguna Keren Dalam Postingan