Tombol Appear And Disappear

Meskipun sekarang blog ini jarang sekali update, tidak seperti dulu yang hampir tiap hari saya update karena akhir-akhir ini saya sangat sibuk ditambah lagi koneksi internet saya yang menggunakan kartu prabayar IM3 yang sering sekali bermasalah sehingga hampir tidak ada waktu dan agak malas untuk ngeblog serta mencari bahan untuk postingan, akan tetapi masih saya sempatkan untuk meng-update blog ini.
Disaat waktu saya yang senggang dan koneksi internet yang agak lumayan meskipun putus nyambung ini saya ingin mengajak sobat semua untuk membuat Tombol Appear Dan Disappear atau muncul dan semaunya yang bisa sobat gunakan pada sidebar atau tempat lainnya sesuai keinginan sobat, contoh penerapan code yang akan saya bahas ini bisa sobat lihat disini atau disini.
Langsung saja supaya tidak membosankan karena kebanyakan basa-basi. Untuk membuat tombol ini silahkan sobat copy code dibawah ini dan letakkan dimanapun sobat suka, mau di sidebar bisa di bagian postingan juga bisa.

<div>
<div style="margin: 5px;">
<div class="normalfont" style="margin-bottom: 2px;">
<input value="

OPEN

" style="margin: 0px; padding: 5px;

width: 100%;

font-size: 12px;

font-weight:bold;

background:red;

color:white;

border:1px dashes yellow;

-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '

CLOSE

'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '

OPEN

'; }" type="button" /></div>
<div class="alt2">
<div style="display: none;">
<div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">
<center>



LETAKKAN CODE, LINK ATAU TULISAN SOBAT DISINI.


</center>
</div>
</div>
</div>
</div>
</div>

Keterangan:
Code yang saya cetak dengan warna merah silahkan sobat ubah sesuai dengan keinginan dan untuk yang saya cetak dengan warna kuning yaitu width: 100%; (lebar dari tombol) dan font-size: 12px; (ukuran tulisan yang muncul pada tombol) silahkan sesuaikan dengan kebutuhan dan sisanya silahkan sobat kreasikan sendiri sambil belajar hehehe.

Jika sudah selesai simpan perubahan yang sudah sobat buat dan lihat hasilnya.
Bagi sobat yang belum mengerti silahkan tinggalkan pertanyaan di kolom komentar dibawah postingan ini.

Selamat mencoba dan mudah-mudahan berhasil!...

Tweet