Skip to main content

Membuat Button Simple Dengan Tombol Close

Selasa, 13 April 2021

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="&#10006;" /></div>

Mudah sekali bukan? selamat mencoba dan lihat hasilnya!

Lihat juga: Cara Membuat Border Serbaguna Keren Dalam Postingan

Bagikan:

Hallo sobat! blog.jejakunik.com membuka kesempatan untuk anda mempromosikan Produk atau Jasa secara GRATIS pada blog ini. Detailnya bisa kamu lihat di CLICK HERE
Judul: Membuat Button Simple Dengan Tombol Close Silahkan berikan komentar Anda.
Buka Komentar
Tutup Komentar