Cara membuat Show Hide pada postingan Blog

Pada postingan kali ini,saya akan membahas tentang bagaimana Cara Membuat Tombol Show Hide Di Postingan karena sangat berguna untuk menyembunyikan  kode-kode HTML , CSS , dan JAVASCRIPT yang sangat panjang. Selain untuk menyembunyikan kode , cara ini juga dapat digunakan untuk menyembunyikan gambar maupun text biasa agar postingan kita tidak terlihat berantakan.Tutorial Cara Membuat Tombol Show Hide Di Postingan memang sangat banyak terdapat di blog-blog sahabat lainnya tapi tidak ada salahnya jika ilmu itu terus menerus di bagikan untuk teman-teman yang belum mengerti.


Untuk mempersingkat waktu , silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke blog sobat
2. Kemudian anda klik gambar yang kaya pensil (untuk membuat artikel/postingan)
3. Sesudah itu rubah"Compose" Menjadi "HTML" yang berada di pojok kiri atas
4. Kemudian anda copy semua kode dibawah ini :

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
Masukkan tulisanmu di sini
</div></div></div>

5. Sesudah copy kode diatas lalu pastekan kepada "HTML" postingan
6. Kalau sudah lalu klik "COMPOSE" biar gampang ngetiknya lagi

Contoh :

Klik show untuk melihat

Masukkan tulisanmu di sini

Atau Lebih jelasnya lihat video dibawah :


Ket :
"BIRU" itu kata" yang berada di samping show dan anda dapat merubahnya
"HIJAU"itu tombol show dan anda dapat merubahnya dengan mengganti kata" tersebut
"MERAH"itu adalah kata" yang mau dimasukan dan ditampilkan pada show