Cara Membuat Tombol Show Hidden + Award

Curhat sedikit: Setelah cukup direpotkan oleh kegiatan Ta'aruf (ospek) kampus UII, sebenarnya sempat terpintas dalam benak saya untuk berhenti ngeblog. Namun, setelah 2 minggu lamanya saya tidak mengurusi blog ini. Betapa kagetnya saya melihat blog saya masih memiliki pengunjung yang lumayan. Hal tersebut berhasil mengembalikan semangat ngeblog saya. Pada akhirnya saya kembali mengurus blog. Walaupun pada akhirnya saya mengalami krisis ide, saya tetap berjuang keras mencari ide. Dan, tara............... saya mendapatkan ide untuk postingan plus ide untuk perombakan blog.

Kali ini saya kembali dengan membawakan tips seputar Tips Trik Blog. Pada kali ini saya akan membagikan informasi seputar cara membuat tombol show hidden. Lalu, apa itu tombol show hidden??????  Tombol tersebut adalah tombol yang berada disebelah kanan (lihat kotak Quick Tips and Download). Atau lebih jelasnya lagi ada pada contoh dibawah ini.

Judul Spoiler

Masukkan Teks/Gambar Anda disini

Jika kalian sudah mengerti dan ingin segera mempraktekkan, silahkan copy dan paste-kan kode berikut.

<div>
<div style="margin-bottom: 2px;">
<i><b><small>Judul Spoiler</small></b></i><input 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 120px;" type="button" value="Show" /></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Ganti dengan tulisan atau gambar anda
</div>
</div>
</div>

Semoga tips saya kali ini bermanfaat untuk anda semua. Jangan lupa berikan komentar anda.

Award

Sekali lagi saya mendapatkan award, dan kali ini berasal dari sobat Bukan Isapan Jempol .

Saya sampaikan terima kasih buat sobat saya yang satu ini. Selanjutnya sesuai aturan main, saya akan membagikan pada kelima teman blogger saya untuk mereka bagikan kembali.

Inilah gambar awardnya. Mohon maaf jika sudah saya ubah sedikit, karena sebelumnya ada teks link blog yang tidak saya kenal.

Award ini saya berikan buat :

1. Situs Unik
2. Pagaralam
3. d'54v3
4. Oempak
5. Kusmalarita

Nah, bagi para penerima award silahkan mempostingkan Award ini dan membagikan kepada kelima atau sepuluh temanmu. Semakin banyak teman yang anda bagi semakin besar nilai backlink yang anda dapatkan. Jangan lupa untuk mencantumkan nama/link saya sebagai penyalur award.

Terimakasih buat sobat semuanya.