Skip to main content

How do I install Fotomoto on Blogger?

Updated

Fotomoto can be used to sell images on your Blogger website. Please read this article for instructions on how to install Fotomoto on Blogger.

  1. Before You Start

    Important: please note that Fotomoto is not currently compatible with "dynamic view" templates.

    Go to the Settings page of the Fotomoto Dashboard, click the Get Script button and copy the Fotomoto Script.

    blogger1.png

  2. Edit your Blog

    If you are using the old Blogger interface, click the Design link for your Blog in the Manage Blogs section of your Blogger Dashboard. 

    blogger2.png

     If you're using the new Blogger interface, select Layout from the edit menu drop-down.

  3. Click Add a Gadget

    Click the Add a Gadget link. This should bring up the Add a Gadget pop-up. Note the screen on the new interface looks slightly different than the below.

    blogger3.png

  4. Select HTML/JavaScript

    Select HTML/JavaScript from the list. This should bring up the Configure HTML/JavaScript Window.

    blogger4.png

  5. Paste in your Fotomoto Script

    Paste your Fotomoto script in to the Content field, then click the Save button.

    blogger-5.png

  6. An important note about redirection

    Google may redirect your visitors to a country-specific domain depending on which country they're in. This may cause a problem with Fotomoto since your site's domain must be listed as a Site Address in your Fotomoto Dashboard.

    To address this issue, you can either add the country-specific domains as new site addresses using these instructions, or prevent Blogger from redirecting to country-specific domains: go to your Blogger Dashboard, click Template, click "Edit HTML", click "Proceed" and copy+paste the following code into the template after the <body> tag

    		<script type="text/javascript">
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://"" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr"" + slug;
window.location.replace(ncr);
}
</script>

     

  7. Success!

    Your blog should now see the Fotomoto Buy Buttons under the images on your Blogger site.

Related articles