Cara membuat Tombol Klik Show Untuk Melihat di Postingan Blog

Apa itu tombol Klik Show Pada postingan?? Sobat penasaran, atau memang sedang mencari artikel yang membahas tentang hal ini... Berikut ini akan saya coba berbagi tips mengenai cara-caranya beserta keterangan gambar.  Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang. Sobat hanya perlu mengcopy paste kode HTML di bawah ini ke dalam postingan sobat blogger:

pertama masuk di akun Blogger ==> lalu klik post ==> dan klik html (bukan compose) ==> lalu copy paste html berikut 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>

dan akan jadi seperti ini:

Klik show untuk melihat

Seperti inilah tampilan yang akan mengisi postingan sobat blogger. sobat blogger bisa memasukkan sedikit atau banyak kata ke dalam postingan ini... 

Masukkan tulisanmu di sini

SELAMAT BERKREASI!! 

Share it to your friends..!