How to Display Post Location in Blogger Blog Posts?

How to Display Post Location in Blogger Blog Posts?

0
data:blog.title
post location

In Travel and Photography Blog must use location about the photo otherwise viewers won’t understand the location until reading the description.  There are many photographer and traveler write Blog about their travel and photos. Many viewers just skip if they don’t like the images. But in case of traveler Blog if viewers are interested in specific location and planning to visit near future then they feel interest to view the whole content. So showing the geographic location is one of the positive sides to divert viewers mind.

Google Blogger has already added Geo targeting feature in Google Webmaster Tools. But that option will assign your whole Blog under same location. But you will also find location setup in Blog posts where you can easily set the post’s location. Suppose you have traveled to London and taken some snaps for writing your travel experience in your Blog. Now you can just post the pictures and description after that simply choose the location while creating new posts.


You are thinking this is bit confusing but don’t worry I will show you the way, just follow the below steps-

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 From Blogger Dashboard click on -> New Post 

Step 3 Now click to expend Post Settings-> Location from Right Side Bar. Now in Blank field write your City and Country after that click on Search button next to the blank field.

set location

Step 4 Google will instantly show the post location in Google Map. And now click on Done button to set the location.

For example purpose I have input Dhaka as my city and Bangladesh as my Country.  And Google automatically discover my location. That’s it now you have successfully set the location of your Blog posts.

How to display the Post location in Blogger template?

By default Blogger’s default Dynamic Views template will display the geographic location of the Blogger posts. 

Dynamic views template

But if you are using custom Blogger template then you have to tweak your template by adding small piece of script. Just follow the below steps-

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Click on -> Template -> Edit HTML->

Step 3
 Now find the code like below by pressing Ctrl+F (Windows) or CMD+F (Mac)

<div class='post-header'>
Or
<div class='post-header-line-1'/>
Or
<span class='post-author vcard'>...</span>

Remember that our main objective to find out the author vcard details and after that script we will place the post location script. And the code may vary template to template.

Step 4 Copy the script from below and Paste it after/below any code from above.
 
<span class='post-location'>
<b:if cond='data:top.showLocation'> <b:if cond='data:post.location'>
<data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if></b:if> 
</span>

Step 5 hit the Save template button.

showing location

Congratulation you have successfully integrated the post location script in your Blogger template. And now visit your Blog and see the post location is displaying below Blog post title. I hope this tutorial will help your to show your geographic location of your posts. If you need help then feel free to leave a comment below. Thank you. 
How to Display Post Location in Blogger Blog Posts?
4 Stars stars - "How to Display Post Location in Blogger Blog Posts?" In Travel and Photography Blog must use location about the photo otherwise viewers won’t under...

Post a Comment

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *