jump to navigation

ClustrMaps on SmugMug

ClustrMaps HTML installation instructions for SmugMug users

[Note: only the SmugMug Power and Pro accounts have the “customization” capabilities enabled, i.e. the ones mentioned at step 5c below.]

QUICK SUMMARY (details below):

  • copy the ‘ClustrMaps HTML’ provided by us;
  • log in to your SmugMug (Power or Pro) account;
  • go to Contol Palnel… Customization Settings … footer;
  • paste the ‘ClustrMaps HTML’ into the ‘Content’ area and save

For convenience, we repeat steps 1-4 of the main instructions on the HTML setup page, and add more specific instructions for this case using the sub-steps shown at step 5 below.

PHASE I: Copy your ClustrMaps HTML code

1. If you used a ‘Create yours’ instant-registration-setup as provided on the home page at www.clustrmaps.com, you should already have your HTML code displayed, and you can just jump to step 3. If not, log in to your ClustrMaps ‘Admin’ page by clicking on the Admin link at the top of any ClustrMaps page, or going directly to: http://www.clustrmaps.com/admin/action.php (use your URL as your username, and the password you have been sent, or the password you changed it to)

2. On your admin page, you will see a box containing the relevant HTML code (either options [A] or option [B] of the code provided will work fine, as illustrated in the screen snapshot below). Click in the box with your mouse and select ALL of that text (you can use the two keyboard keys CTRL+A to select all of it):

3. Now copy that HTML (you can use the two keyboard keys CTRL+C to perform this, or right-click with the mouse and select ‘Copy’); you will then paste it into your web page later on below.

PHASE II: Specific alterations for SmugMug users

4. Now you must log into your blog or photo hosting account, using the sequence you would normally use, say, if you were about to change your settings or preferences or user profile information. Do this in a separate browser window if possible, or in the same window you are currently using if that is simpler for you.

5. You now need to alter the ‘code’ on your page where the map is going to appear. To do this, follow the specific sequence for this type of blog as specified immediately below:

Thanks to JohnnaBrynnPhotography for these steps

a) Log into your SmugMug account (must be a Power or Pro account for the next steps to work)

b) Click on ‘control panel

c) Click on ‘customization settings

d) Scroll down to ‘footer’ where you will see a white box.

e) Paste the HTML code that you previously copied at main step 3 above (‘Phase I’) into that footer box

f) You can now save and view your page(s)

%d bloggers like this: