How to Show or Hide Any Html Widget of Your Blogger

 

Open Your Blooger Dashboard , Go to Layout.

Choose Any Html Widget. 

Now put this code in front of HTML code. 

<div id="DEMO"> 

Now paste this code at the end of the code.

</div><br> <div style="text-align: center;"> <button onclick="Show()" style="border:none; padding: 5px 20px;background: #132df3;color: white;border-radius: 5px;font-weight: bold;font-family: 'Montserrat', sans-serif;">SHOW</button> <button onclick="Hide()" style="border: none;padding: 5px 20px; background: #132df3; color: white;border-radius: 5px;font-weight: bold;font-family: 'Montserrat', sans-serif;">HIDE</button> </div> <script> function Show(){ document.getElementById("DEMO").style.display="Block"; } function Hide(){ document.getElementById("DEMO").style.display="None"; } </script>