All posts in Images

How to Block Right-Click to Protect Images

If you have images (or anything else) on your website that want to protect then you can disable “right-click”, which is how people get to the “Save As” option. This is not a perfect solution because anyone with advanced web experience can get around this, but it will stop most people from stealing anything you have a copyright on. You can use any (no need to use more than one) of the codes below to block “right-click” functionality, which will prevent most attempts to save your stuff.

Once you have selected the code from below that you want to use, follow these steps…

  1. Log in to your Website Tonight account.
  2. Click the Site tab (upper left).
  3. Use the Manage drop-down menu to select Launch Page Designer.
  4. Navigate to the page where you want right-click disabled.
  5. Click the Page tab (top center).
  6. Hover over the Properties icon and select JavaScript.
  7. Paste the code you select from below into the box titled JavaScript for <head>
  8. Repeat steps 4-7 for each page were you want right-click disabled.
If there is already code in the box then be sure not to delete or replace anything. Simply scroll to the bottom of the box, hit enter on your keyboard a couple times to add some blank lines, and paste the new code there.
You can customize the message the user sees when they attempt to use the “right-click” on their mouse by changing the red text from the code you select below. ONLY replace the red text. If you accidentally delete the quotes around the red text it will break the code.


Disable Right-Click

<script type="text/javascript">
var message="Right-Click Disabled!";
function clickIE4(){
if (event.button==2){
alert(message); return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
</script>

Disable Right-Click Without an Alert Message

<script type="text/javascript">
var message="";
function clickIE() {
if (document.all) {
(message);return false;
}
}
function clickNS(e) {
if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {
(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS;
}else{
document.onmouseup=clickNS;
document.oncontextmenu=clickIE;
}
document.oncontextmenu=new Function("return false")
</script>

How to Disable Right-Click on Images Only

<script type="text/javascript">
var clickmessage="Right click disabled on images!"
function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}else if (document.layers) {
if (e.which == 3) {
alert(clickmessage);return false;
}
}else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
function associateimages(){
for(i=0;i

Keyword Tags for Videos and Photos

This information only applies to you if you purchased your Website Tonight account after October 26th, 2010. How to Find Your Original Purchase Date

Did you know that Website Tonight allows you to tag photos and videos with keywords to describe and organize them? For example, lets pretend you create a new gallery for each car show that you attend. You could go through each gallery and add tags like “Corvette” or “Nissan” or “Muscle Car”. Then you can sort your images by tag, so you can select the Corvette tag and see all the Corvettes from all the car shows you’ve attended. You can even tag entire galleries at once. So if you tagged all the images and videos from each car show with their location or the name of the event you could sort them that way also. Tagging media helps you keep organized, and it also makes it easier for you to share your photos and videos. Tags display in the sidebar on the gallery home page. From there you can view all of the tags associated with your media and the number of times the tag has been used.


How to Tag Individual Photos and Videos

  1. Log in to your Website Tonight project.
  2. Click the Photos and Videos tab (upper left).
  3. Click the gallery with the photo or video you want to tag.
  4. Click the photo or video you want to tag.
  5. Click Click to edit title, caption, and tags.
  6. Enter some keywords in the Tag field.
  7. Click Save.

How to Remove Individual Tags from Photos and Videos

  1. Log in to your Website Tonight project.
  2. Click the Photos and Videos tab (upper left).
  3. Click the gallery with the photo or video you want to tag.
  4. Click the photo or video you want to tag.
  5. Click Click to edit title, caption, and tags.
  6. Edit or delete the keywords in the Tag field.
  7. Click Save.

How to Add Tags to All Media in a Gallery

  1. Log in to your Website Tonight project.
  2. Click the Photos and Videos tab (upper left).
  3. Click Edit Galleries (upper left).
  4. Select the gallery or galleries you want to add tags to.
  5. Use the Apply this action… drop-down to select Tag All Media.
  6. Click Go.
  7. Type the keywords you want to add separated by commas. For example, “vacation, family, Rome” or “Los Angeles, classic cars, 2011″.
  8. Click Add Tags.

How to Remove Every Tag from a Gallery

  1. Log in to your Website Tonight project.
  2. Click the Photos and Videos tab (upper left).
  3. Click Edit Galleries (upper left).
  4. Select the gallery or galleries you want to add tags to.
  5. Use the Apply this action… drop-down to select Delete Media Tags.
  6. Click Go.
  7. Click Ok.

How to Share Media from Website Tonight

This information only applies to you if you purchased your Website Tonight account after March 10th, 2011. How to Find Your Original Purchase Date

WebSite Tonight® automatically creates permanent links for your public galleries, photos, and videos that are valid for as long as the media is published. These links make it easy for you to share your photos and videos with friends and family. You can also share links to photos and videos that have a specific tag associated with them, such as “vacation” or “graduation” or “funny”.

How to Share a Photo or Video

  1. Log in to your Website Tonight project.
  2. Click the Photos and Videos tab (upper left).
  3. Click the gallery with the photo or video you want to share.
  4. Click the Filmstrip button (centered above thumbnails).
  5. Click the Share button (upper left near the “Upload” button).
  6. Select Link to item or Link to site.
  7. Specify the size of the image with the first drop-down menu.
  8. Select the type of share link with the second drop-down menu.
  9. Copy and paste the URL into an email, twitter, web page, or anywhere else online.

How to Share an Entire Gallery

  1. Log in to your Website Tonight project.
  2. Click the Photos and Videos tab (upper left).
  3. Click the gallery you want to share.
  4. Click the Thumbnails button (centered above thumbnails).
  5. Click the Share button in the (upper left near the “Upload” button).
  6. Use the drop-down menu to select the type of link to share.
  7. Copy and paste the URL into an email, twitter, web page, or anywhere else online.

How to Share Links to Photo Tags

  1. Log in to your Website Tonight project.
  2. Click the Photos and Videos tab (upper left).
  3. Click the tag you want to share (right hand side). This will filter only those images with the tag you selected.
  4. Click the Thumbnails button (centered above thumbnails).
  5. Click the Share button in the (upper left near the “Upload” button).
  6. Use the drop-down menu to select the type of link to share.
  7. Copy and paste the URL into an email, twitter, web page, or anywhere else online.
You must add tags to your photos before you can share a link to a tag. Click here for instructions on How to Tag Photos in Website Tonight.

How to Email Your Website Tonight Pictures

This information only applies to you if you purchased your Website Tonight account after March 10th, 2011. How to Find Your Original Purchase Date

Did you know that you can use Website Tonight to email your friends and family the photos you upload? It’s really easy. Just follow these steps:

  1. Log into Website Tonight
  2. Click the Photos and Videos tab (upper left).
  3. Click the gallery that has the image you want to share.
  4. Click the image.
  5. Click the Email.
  6. Enter the following info:
    • To Type the email address(es) you want to send the photo to.
    • From Type your name.
    • Subject Type a subject for the email.
    • Message Type a message you want to send with the photos.
    • Enter Code Shown Above Type the security code that you see directly above the “Enter Code Shown Above” field.
  7. Click Send Email.

How to Remove the Border from an Image Link

Website Tonight will automatically add a border around images when you make them a link. If you do not want the border around the image you can remove it, here’s how…

  1. Log in to your Website Tonight account.
  2. Go to the page with the image link.
  3. Click on the content block with the image link, so that it is in edit mode.
  4. Double-click on the image. You will see a pop-up window.
  5. Click the Properties tab in the pop-up window.
  6. Put a 0 (zero) in the blank box next to border.
  7. Click OK.
Read, “How to Create a Link in Website Tonight” for step-by-step instructions on creating image links.

Creating Download Links in Website Tonight

This tutorial will show you how to create a download link in Website Tonight. Your download can be a Word document, Excel spreadsheet, MP3, or any other type of file that meets the Website Tonight Upload Requirements.

If the download is a file type that can be displayed by the browser (Internet Explorer, Google Chrome, Mozilla Firefox, etc) then there is a high probability that the browser will choose to display the file rather than making the user download it first. For example, a browser can display a PDF file but not a Word document, so the PDF file will be opened online and the Word document will be offered as a download. See examples below.

Step #1: Add Your Download to Website Tonight

  1. Log in to your Website Tonight account.
  2. Click the Site tab (upper left).
  3. Use the Manage drop-down menu to select Upload Files.
  4. Click the browse button.
  5. Find the file on your computer that you want to offer as a download and click on it.
  6. Click the Open button on the popup.
  7. Click the Upload button.
If the file you want to offer as a download is an image then make sure that you put a check mark in the box labeled Place images in files folder before you upload the file. If you don’t then the image will not be uploaded to the correct location which can cause errors later.

Step #2: Create the Download Link

You can make your download link from text or from an image.

How to Make a Download Link from Text

Example Download Text Link >> Download Now << It works, try it!

  1. Log in to your Website Tonight account.
  2. Go to the page you want the download link to be on.
  3. Click on the content block you want to add the link to, so that it is in edit mode.
  4. Type the text you want to use for the download link (ex. “click here to download”).
  5. Use your mouse to highlight the text you want to turn into a download link. For example, if you wrote “click here to download now” and you only want “download now” to be the link then click your mouse and drag over the words “download now” so that only those words (no blank spaces) are highlighted.
  6. Click the Create link icon (upper left – to the right of the bold and italic icons).
  7. Click the dot next to Upload and select the file you uploaded in step #1.
  8. Click OK.

How to Make a Download Link from an Image

When you make an image link to something you are turning the image into a button, even if it doesn’t look like a button. Just to make sure that this isn’t confusing I will be using two examples. Example #1 is a random image that most people would not consider a button, and example #2 is what most people think of when they imagine a download button. Whether you choose to use an image that looks like a download button or not the instructions are the same.

#1 – Random Image Download Link
Funny Monkey Facial Expression
#2 – Button Image Download Link
Example Download Button

Are you wondering what will happen
if you click these example links?
There’s only one way to find out!


  1. Log in to your Website Tonight account.
  2. Go to the page you want the download button (image link) to be on.
  3. Click on the content block you want to add the link to, so that it is in edit mode.
  4. Click the Insert tab (top center).
  5. Use the Images icon drop-down menu to select Images.
  6. Insert the image to use as the link.
    • If you have already uploaded the image to your Website Tonight then click the My Images tab (top center), select the image, and click the OK button.
    • If you have not already uploaded the image to Website Tonight then click the Upload Image tab (top center), upload the image, then select the image, and click the OK button.
  7. Use your mouse to highlight the image (only the image).
  8. Click the Create link icon (upper left – to the right of the bold and italic icons).
  9. Click the dot next to Upload and select the file you uploaded in step #1.
  10. Click OK.
To remove an unwanted border from around an image link double-click on the image, click the Properties tab, put a 0 (zero) next to border, and then click the OK button.

It’s a good idea to offer your download in multiple file types because some people may prefer one type over the other. If you only offer PDF downloads, for example, then some people will not be able to view the download because they don’t have a PDF reader installed. You can offer multiple download file types by saving your download in the separate file types and creating a download link on Website Tonight for each one. Like this…
Download Now:   .TXT Download  |  .DOC Download  |  .PDF Download

Download All Your Uploaded Images and Files

These instructions will only download the files you’ve added to the Image Library or Upload Files sections – not your gallery images. Click here for instructions on How to Download All Your Gallery Images.

These instructions will guide you through downloading the images and other file types (i.e. Word documents, PDF files, etc) that you have added to your Website Tonight account. Unfortunately, there is no bulk download feature for files added to the Image Library or Upload Files sections – at this time. However, there are multiple ways to download your Website Tonight files and some take far longer than others, so in the interest of saving yourself time and effort follow these steps.

How to Download Your Website Tonight Uploads

  1. Log in to your Website Tonight account.
  2. Click the Site tab (upper left).
  3. Hover over Manage (upper left – under the Site tab) and select Upload Files from the drop-down menu.
  4. Scroll down and you will see a list of the files in your uploads section. Click on a file name to open that file in a new tab or window.
  • Images: Right-click on the image and select Save image as… or Save As.
  • Non-Image Files: Your browser will either automatically download the file to your computer or display it. If it displays the file you can use the Save As feature in your browser. PDF files usually have a save button or icon that you can use instead.

How to Download Your Pictures from the Image Library

  1. Log in to your Website Tonight account.
  2. Click the Site tab (upper left).
  3. Hover over Manage (upper left – under the Site tab) and select Upload Files from the drop-down menu.
  4. Scroll down and you will see a list of the files in your uploads section. Just above the list of files there are two tabs, “Files” and “Images”. Click the Images tab.
  5. Click the List icon (top right of the preview box, just above the Preview button).
  6. You should now see a list of the file names of your images. Put check marks next to the ones you want to save (up to 15 at once).
  7. Click the Preview button (top right of the preview box). This will open the images in a pop-up window. You may need to disable your pop-up blocker first.
  8. Right-click on each image and select Save image as… or Save As.

Website Tonight Image Upload Requirements

To see image (a.k.a. photo or picture) file upload requirements in Website Tonight (including accepted file types, file size limitations, and other related information) read this help article: Limitations for Uploading Files in Website Tonight

Limitations for Uploading Files in Website Tonight

If you aren’t careful you can exceed your Website Tonight disk space limit, which results in overage fees. Before you upload your files check to make sure that you have enough space. For more info on how to check your disk space usage read, “What are Disk Space and Bandwidth?

Image Upload Limits:

  • Accepted formats: .jpg, .gif, .bmp
  • Image uploads are limited to 10 MB each.

Video Upload Limits:

  • Accepted Formats: .3g2, .3gp, .3gp2, .3gpp, .asf, .asx, .avi, .flv, .m2t, .m2ts, .m2v, .m4v, .mov, .mp4, .mpg, .mpeg, .mts, .rm .vob, .wmv
  • Video uploads are limited to 150 MB each.
  • You can only upload 5 videos at a time.
  • Videos can only be added to public galleries.
  • You cannot add video files to a mobile page.

Music (Audio) Upload Limits:

  • Accepted Formats: .mp3
  • Music uploads are limited to 30 MB each.
  • Limited to 20 saved uploads.
  • Recommended – Limit audio uploads to files with a sample rate of 11.025, 22.050, or 44.1 kHz, and a bit rate of 32, 64, 96, 128, 160, or 196.
  • You cannot add music files to a mobile page.

Flash Upload Limits:

  • Accepted Formats: .swf
  • Flash uploads are limited to 150 MB each.
  • Limited to 1 saved upload.

Miscellaneous Upload Limits:

  • Uploads for file types not described above are limited to 30 MB each.
If you run into limitations not defined above, and confirm the limitation with your Website Tonight provider, please let me know (comment box below).

Blogging Photos from Hidden Galleries

Before you can share photos with your blog you must first add it to the Blog Photo List in Website Tonight. How to Post Gallery Photos on Your Blog.

Website Tonight has three privacy settings for galleries; Public, Private, and Password Protected. Every photo from every gallery can be shared with your blog regardless of the privacy setting. However, the privacy setting will determine who can see the picture.

  • Public allows anyone and everyone to see the pictures online.
  • Private blocks everyone. The pictures will only be viewable to you while you’re logged in to Website Tonight.
  • Password Protected blocks anyone that does not have a correct password. That means that you can share images in Password Protected galleries with your blog, but when someone visits your blog and clicks on a password-protected photo they will be asked for a password. If you have not given them a password then they will not be able to see the image.
If you change the privacy setting on a gallery from Public to Private or from Public to Password Protected then you need to manually remove the pictures from your blog that are in that gallery. Your blog will NOT automatically update to your new privacy settings.