How To Protect Your Blog or Page Using Password

1ST METHOD

1. Login to your blogger Account >> Dashboard >> Edit Post >> Edit Pages

2. Now add the one of code given below to your page

<script language="JavaScript">
var password;
var pass1="PASSWORD-HERE";
password=prompt('Enter your password in order to view this page!',' ');
if (password==pass1) alert('Correct password, OK to enter!');
else {
  window.location="SITE-LINK";
}
</script>

Note: Replace PASSWORD-HERE with your password and SITE-LINK with your page 

SITE-LINK : 2011/04/how-to-protect-your-blog-or-page-using.html

3.Now Save your "Page" and You are done,

cheers

THANKS TO 
http://www.bloggertricksandtoolz.com/










2ND METHOD

• Create a New Page on your Main Blog.
  • If you are password protecting Blog B which is a family blog for example, then in your main blog, Blog A, you may wish to create a "page" thats entiled "Password Needed" and in that page you write a simple note explaining that "The blog you were trying to view is password protected. If you feel you are reaching this message in error, please contact me at <your email address>."
  • Publish the page (no gadget to be added).
  • View Page to get the URL.
• Save/Note this URL as you need it in the following steps.

Put into action!

Next, login to Blogger, go to the Dashboard and click Design.  If using the new Blogger interface, then go to your blog and click on Layout (from the left).

Next, click Add a Gadget and choose HTML/JavaScript.

Copy and paste in this code (also downloadable here) in the large text box (leaving the title blank):

Edit this code.

• Change the occurances of the word TypePad with whatever password you want to use.
• Replace the URL of http://www.BlogsByHeather.com with the URL from the page you previously created above in the prep work area.

In the HTML/JavaScript gadget, click Save to save the code.

That's it, you're done! Your site is now password protected and they will need the password to get in. PLEASE NOTE HOWEVER, this is not the most secure way of password protecting a page! It's just the only way that is available for Blogger.

To Password-Protect a Page Only (not the entire blog)

If you don't want to protect your entire blog but just a "page" that my have videos or private information for just your downline or family.

• Create your page as you normally would.
• Finishing composing the page until the only thing left is to "protect" it.
• Switch to Edit HTML view.
• Copy and paste in the code below to the top of your page.
• Edit the password (in my example it is TypePad) and the site to be directed to if the password is incorrect (in my example it is my site).
• Then you can Publish the page. 

When you the go to view the page, you will be prompted for the password. If it is CORRECT the page content will be shown. If it is WRONG then they are directed to your main site or another page you may have created for an "Oops. try again".

Remember to replace the TypePad password I used in my example and replace my site address(http://www.blogsbyheather.com) with your own!

Click here to download the text file so you can copy and paste, edit the code for your page!

IMPORTANT NOTES:

When logging into your Blogger blog, do so from the main blogger site, http://www.Blogger.com.  This will allow you to login and access your blogs in case you accidentally put the code in the wrong place or on the wrong blog.

If you get stuck, feel free to post a comment here as others can benefit from your questions and answers :D

Heather :D

THANKS TO --

Heather Wright-Porto
www.BlogsByHeather.com