There are many blogger template elements that have less attention like Blogger location , Blogger By default has the option to add location for each post using the location setting of the post editor this can be inserted to template by simple tag <data:post.location.name/> and the full code will be
To insert location tag to your template to blogger classic templates :
Go to Layout --> Blog posts ---> click edit --> tick on Place and save
In some custom templates you may have to insert location code anywhere above or under <datapost.body/> or inside any of the post footer section lines
But this will give you only a Location link that on click will take you to google map for that location
of course we can embed the map manually, simply by going to Google maps and pick the embed code of each post location and add it to our blog posts
But we still want encourage visitor to stay inside our blog so we need to bring Google Maps to our Blog automatically without Pain and this can be done by the following location map code
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<div class='post-location'>
<iframe expr:src='data:post.location.mapsUrl + "&amp;ie=UTF8&amp;hnear=" + data:post.location.name + "&amp;hq=&amp;t=h&amp;output=embed"' frameborder='0' height='350' marginheight='0' marginwidth='0' scrolling='no' width='425'/><br/>
<small style='color: #0000FF;'>
<span><b><data:postLocationLabel/></b> <span class='notranslate'><data:post.location.name/></span></span><br/>
<span><a expr:href='data:post.location.mapsUrl' style='color: #0000FF;' target='_blank'>GoogleMaps</a> |
<a expr:href='"https://plus.google.com/u/0/local/" + data:post.location.name' style='color: #0000FF;' target='_blank'>GooglePlus Local</a></span>
</small>
</div>
</b:if>
</b:if>
for plane view remove t=h
you can customize Google Map width and height by changing red colored values
How to add Location Map code to your template ?
Go to template > Edit HTML > tick on expand widget
search for <data:post.body/> you can add Location Map code above or below <data:post.body/> then click save and you are done .
We still have more don`t go away :)
We still have more don`t go away :)
blogger hacks blogger templates blogger tips