Password Protected BlogSpot Page/Post

<!-- Protect your Blogger/Bogspot page with this code -->
<head>
  <div
    id="passward-protected"
    style="background: hsla(0, 0%, 0%, 1); bottom: 1; display: table; height: 110%; overflow: none; position: fixed; text-align: center; top: 0; width: 100%;"
  >
    <div style="display: table-cell; vertical-align: middle;">
      This Page is password protected
      <button onclick="enterpass()">Enter Password</button>
    </div>
  </div>

  <!-- paste this password form in your blogger post/page -->
  <script language="JavaScript">
    function enterpass(){
    var password = ' '
    password=prompt('This is password protected page, please enter password to continue.','');
    if (password == 'password') {
    document.getElementById('passward-protected').style.display='none';
    }else{
    alert('Wrong Password')
    }
    }
  </script>
</head>

<!-- Paste the code above in your post/page on blogger  -->