Upload our Google Maps image files & add our flavour template files
This is a two stage process, the first stage it to upload our files image files, then from there create new flavour template files with in our blog settings and copy and past the content from the .vm files into files created on our blog. Don't worry it's a lot easier than it sounds!
Overview:
Stage 1 - Upload our Google Maps image files
Now we've add our personal Google Maps API key to the gmaps.vm file. We can upload the css and image files in with in the blojsom-gmaps folder to your blog.
The files you should have to upload are:
| gmaps-entry.png |
| gmaps-pin.png |
| gmaps-search.jpg |
| gmaps.css |
After logging into your blog go to Weblog Settings > File.
Click on image below to enlarge:
Once you have chosen your file, just click on the Upload File.
Click on image below to enlarge:
To recap in a bit more detail on how to upload files to your blog click here
.
Stage 2 - Add our flavour template files
Open the files listed below in your text editor of choice.
| gmaps.vm |
| gmaps-menu-bar.vm |
| gmaps-marker-bubble.vm |
After uploading your image files, go to Weblog Settings > Templates. With in the Add blog template area type in the name of one of the file names above eg. gmaps-menu-bar.vm in the box called Template to add and click Add blog template button.
Click on image below to enlarge:
With in the new blank window area called Template copy all the text with in file called gmaps-menu-bar.vm that you have opened and past it into the blank window area called Template then click on Update blog template button.
With gmaps-menu-bar.vm now saved, repeat the steps again for the other two files.
Click on image below to enlarge:
To have a quick recap on how to do this process, your can watch the Google Earth Stage 3 - KML vm Video tutorial.