- Text editor
- Google Earth 4.x
- Blojsom
- RouteBuddy
Ok so let's start off with Blojsom:
1) Log into Blojsom and go to: Plugin Settings --> Mappings
2) Now I'm just going to check to see if I've got the word 'meta' in the Plugin chain map for 'html plugin chain map' Flavor. If I have then it meens that I've got the meta plugin install for my default html template.
Time to do a little uploading with Blojsom:
1) If you download RuoteBuddy's icon pack by clicking here we can upload the 'RouteBuddy URL.png' image file to our blog.
2) Still logged in, here we will go to: Weblog Settings --> File
3) Now go to the 'Upload file' options and up load the 'RouteBuddy URL.png' image file.
Lets get started modding our Blojsom default html template. In this case the default html template is made of several files but don't worry, we will only edit one of them:
1) Still logged in, here we will go to: Weblog Settings --> Templates
2) Now go to, 'Edit blog template' and in this case I'm going to edit the 'asual-entry.vm' template and then click on 'Edit blog template'.
3) New you should see a new window titled 'Update blog template'. At this point select all the text that makes up this template and copy and past it to a new document in your text editor of choose and save it, so now you have your backup copy.
4) Time to edit the 'asual-entry.vm' template after backing it up. I recommend doing this in a text editor but not with your backup copy.
- Do a find for '#set($permalink = $entryLink)'
- On the next line down from '#set($permalink = $entryLink)' copy and past the text below, please change the numbers in the below for longitude, latitude, zoom for your a default location of your choice plus zoom level of your choice.
#set ($longitude = "0.05382499804289173")
#set ($latitude = "51.42044809303297")
#set ($zoom = "17")
#set ($longitude = $entry.getMetaData().get("longitude"))
#set ($latitude = $entry.getMetaData().get("latitude"))
#set ($zoom = $entry.getMetaData().get("zoom"))
- Now we will add the last bit of code to the 'asual-entry.vm' template, so do another find for...
</div>
#set( $totalEntries = $totalEntries + 1)
- Above the '</div>' tag add the foloing code:
<a href="rbud://view?&lat=$latitude&lon=$longitude&zoom=$zoom" title="Click to viwe this blog entry "$entry.getTitle()" using RouteBuddy."><img src="#Resource('RouteBuddy%20URL.png')" alt="Click to viwe this blog entry "$entry.getTitle()" using RouteBuddy." height="18" width="18" border="0" /></a>
- If your happy, you can now copy and past your handy work back into your web browser window and save your updated template.
- I've got a demo copy of what you should have from a Blojsom 2.x 'asual-entry.vm' to have little look click here.
5) Now you should be don here, so you can now log out of your blog.
How to add the geo meta data to your Blog so RouteBuddy users can view the locations you decide to blog about. Ok you will need to have Google Earth at the ready and a little application I have created that you get the meta data from so that you can add to your blog entry:
- To download a my little application click here.
1) Fire up Google Earth 4 or above.
2) Find the location you want to blog about in Google Earth.
3) Now click on 'Get geo data'.
4) Copy and past the data below into your blog entry at the bottom, be it if your using the Blojsom's web interface or any other blogging client.
If you do not add the geo meta data to your blog entry, don't worry as Blojsom will add the default location that you have set up above in
#set ($longitude = "0.05382499804289173")
#set ($latitude = "51.42044809303297")
#set ($zoom = "17")
With in your blog entries you should see the a little icon that RouteBuddy icon, that when clicked on will open up RouteBuddy and show you the location. To see an example check out my blog click here.
So that's it, enjoy
