Nerd Party: How to password protect a page in Blogger

Catherine wrote “Is there a way to set up stand alone pages for an ecourse that someone could page through on Blogger (from a button on your blog) that would require a password to get into? Password so that when they buy, you could send them the password; but then they could access it from your blog.“
Yes there is! Blogger does not have password protected pages integrated into its system, but you can use a bit of javascript to do the trick. Essentially, you add a line of code to your template, then encrypt your text, set a password and add it to your page.
If you are planning to use this for lots and lots of pages you might consider making a second blog and password protecting the entire thing, but for a few posts or pages this is a pretty good trick!

1. Go into your template (save a copy of your template first just in case!) and search for </b:skin> Paste this directly after
<!–MBT PASSWORD PROTECT CODE –><script type=”text/javascript” src=”http://www.vincentcheung.ca/jsencryption/jsencryption.js”></script>
2. Create a page in Blogger and add all of your content.
3. Click the HTML button and copy everything you would like encrypted. You can add non-protected text above and below the encrypted portion if you like.

4. Go to http://www.vincentcheung.ca/jsencryption/
5. In the key box type your desired password
6. In the plain text box paste the text you copied and click encrypt
7. Copy the code from the HTML box and paste it back into your page. You can change ‘Show encrypted text’ to say whatever you like.
8. Save and test it out!
9. For advanced users: You can change it from saying ‘Enter the decryption key’ by adding another parameter decryptText(‘uniqueID’, ‘Enter the password:’)
Note: comments are not able to be protected, so you may want to turn those off if you don’t want anyone spilling the beans.
You get lots of points for trying this one out! And, as always, if you have a nerdy question about blogging, Photoshop, WordPress or Blogger leave it in the comments and I’ll answer it in an upcoming Nerd Party post.
CLICK HERE TO SEE ALL NERD PARTY POSTS
















got this error meg:
Error parsing XML, line 14, column 15: The content of elements must consist of well-formed character data or markup.
Hi, I found this post because I’m searching for a way to set my entire blog to “password protected”, it’s thru blogger and I can’t find any option to set a password for the entire blog, just the option to control which users can view it (and I’m not even sure how that works either). Can you help me please?
Hey Bree – There is the option to add readers under Settings > Basic > Permissions > Blog Readers. Or try something like this http://goodinblogging.blogspot.com/2012/08/password-protect-your-blogger-blog.html
Thank you so much for this tutorial! I’m running into an issue though. Whenever I try to copy and paste the first code on my template, I get this error message: Error parsing XML, line 624, column 3: The content of elements must consist of well-formed character data or markup.
So I haven’t even been able to get past step one! Any idea what the problem might be?
It may have someone to do with your template, though I know Blogger can be finicky sometimes & give error messages randomly
Pingback: Friday Links 12/7/12 | EEF Etcetera
You are amazing!! Thank you, thank you! I can’t wait to try it.
Catherine Denton
You’re welcome!
Wow I actually haven’t needed this yet but I think it must be really helpful one day. So great tip that I just pinned it!