Disabling Right-Click Save, Watermarking, HTML Code Protection, Our Kids and Online Photo Theft

It's horrifying to realize as I recently have, that someone is lifting photos off of your blog and apparently not content with mere photo theft, has created a community based on the name of your child.With the accompanying photos.

This makes me every kind of ball-swinging iron-batting mad.

And it makes me get on my toes to protect the images and name of my child, to prevent this from happening to others as well.

Here are 3 pieces of critical information - regarding disabling right-click save, adding HTML code to lock down your photos in preventing them from being opened in a new window and also on watermarking your photos with picasa.

To disable right-click-save on blogger, copy and paste the following code to "add a gadget - html/java script"

<SCRIPT language=JavaScript>
<!-- http://www.spacegun.co.uk -->
    var message = "function disabled";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</SCRIPT>

(from bloggertricks)

Right-click disabled, the next step is to lock down each and every photo to prevent windows from being opened. These are the instructions that Becca gave me (and thank you so very much, Becca).
After you've posted a photo into your latest post, go to the two tabs in the
upper right hand corner that say "Edit HTML" or "Compose". 
Click on "Edit HTML".  Immediately your picture will turn into words, symbols,
who the heck knows what. 
It will look something like THIS:
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/_dj05T961WnM/TM9ckBJ0r6I/AAAAAAAAIIU/
68uSLXPMGhQ/s1600/San+Francisco+Trip+055.jpg" imageanchor="1" style="margin-
left: 1em; margin-right: 1em;"><img border="0" height="300" nx="true" src="http://
2.bp.blogspot.com/_dj05T961WnM/TM9ckBJ0r6I/AAAAAAAAIIU/68uSLXPMGhQ/s400/
San+Francisco+Trip+055.jpg" width="400" /></a></div>
<div style="text-align: center;">
(You won't see anything underlined, though.  I don't know why it did that.
Anyway...) 
You need to delete TWO portions of this content.  
The first portion to delete is shown below in red.  The deleted portion with
ALWAYS begin with 'a href' and ALWAYS end with '><img'.

</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/_dj05T961WnM/TM9ckBJ0r6I/AAAAAAAAIIU/
68uSLXPMGhQ/s1600/San+Francisco+Trip+055.jpg" imageanchor="1" style="margin-
left: 1em; margin-right: 1em;"><img border="0" height="300" nx="true" src="http://
2.bp.blogspot.com/_dj05T961WnM/TM9ckBJ0r6I/AAAAAAAAIIU/68uSLXPMGhQ/s400/
San+Francisco+Trip+055.jpg" width="400" /></a></div>
<div style="text-align: center;">

The final portion you need to delete is highlighted below in red.

</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/_dj05T961WnM/TM9ckBJ0r6I/AAAAAAAAIIU/
68uSLXPMGhQ/s1600/San+Francisco+Trip+055.jpg" imageanchor="1" style="margin-
left: 1em; margin-right: 1em;"><img border="0" height="300" nx="true" src="http://
2.bp.blogspot.com/_dj05T961WnM/TM9ckBJ0r6I/AAAAAAAAIIU/68uSLXPMGhQ/s400/
San+Francisco+Trip+055.jpg" width="400" /></a></div>
<div style="text-align: center;">

It gets quicker each time you do it, but all the HTML coding can scramble a
girl's brain, that's for SURE.  This just makes sure that no one can enlarge
your photos and save them to their computer by opening the photos in a new
window that ISN'T your blog.

(from friend Becca)
****
Watermarking:

I use picasa, the free google photo editing software. In picasa, uploading photos to a blogger post is a multi-step process, in which it's very simple to watermark:

1. Select the photo you would like to use within picasa, double click.
2. Click on the folder, "export" immediately below the photo
3. Export to folder: it asks in which folder on your computer you would like to export the photo to, resizing options, etc. Then at the bottom of that 'export to folder' popup there is a 'watermark' box - simply check that box, then in the space below it, write what you would like to watermark your photos with.

Note: watermarking is important, but if your right-click-save isn't disabled and windows unable to open, it's just as simple to remove most watermarks through editing. These HTML and right-click-disabling pieces are crucial.

***

Please share this post as much as you can. The more people doing this, the better in helping to keep our kids' images safe, us blogging and our community whole.

***

With a Little Moxie

Comments

In order to comment on BlogHer.com, you'll need to be logged in. You'll be given the option to log in or create an account when you publish your comment. If you do not log in or create an account, your comment will not be displayed.