Blogger4Bloggers

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 + &quot;&amp;amp;ie=UTF8&amp;amp;hnear=&quot; + data:post.location.name + &quot;&amp;amp;hq=&amp;amp;t=h&amp;amp;output=embed&quot;' 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='&quot;https://plus.google.com/u/0/local/&quot; + data:post.location.name' style='color: #0000FF;' target='_blank'>GooglePlus Local</a></span>
      </small>
    </div>
  </b:if>
</b:if>

4/ 5 stars - " Add Google Maps automatically to blogger posts "