Please don't click on these links yet.

Under construction: ? * # 0-9 |A |B |C |D |E |F |G |H |I |J |K |L |M |N |O |P |Q |R |S |T |U |V |W |X |Y |Z

Your opinion is needed with a new "FAQ" I'm thinking of writing up. Click on this "FAQ link" now and leave a comment if you can spare the time.
Tutorials : How I made it toolbars paginations buttons widgets tweeks mega tweeks everything else inspiration ideas FAQ problems Fixing problems

Add a Google Map to a blog post

Thursday, July 26, 2012  at 3:42 PM

 
Browse the world until your eyes are sore!
 

Check out the street views of where I live - Tenterfield, Australia! You need to click on the View Larger Map link at bottom for street view mode.



Some time ago, on a blog far, far away which now no longer exists, I added a Google Map to a post. It was to display where I lived in Tenterfield, New South Wales, Australia. Anyway, I saved the code for how to add Google Maps to your blog, so here is the code below:

<iframe frameborder="0" height="350" marginheight="0" marginwidth="0" scrolling="no" src="http://maps.google.com/maps?source=embed&amp;ie=UTF8&amp;hq=&amp;hnear=Tenterfield+New+South+Wales,+Australia&amp;ll=-29.060971,152.012329&amp;spn=1.226805,1.755066&amp;t=m&amp;z=9&amp;vpsrc=6&amp;output=embed" width="600"></iframe>

What you get is just the map but not the links that are visible above. Just copy the code above and paste it into a blog post or static page in the "Edit HTML" section. Add other text or content to the post/static page and publish it. You can create your own Google Map and then copy the url for your map and place it in where my src= url is, then resave the blog post/static page and you are done.

Unfortunately I haven't figured out how to add a "Street View" Google Map to a blog post yet, but I do know it won't display in an iframe.

1 comment:

  1. Sun-drenched day time! We can't stand the actual warm day time, however after i study your own post, I'm slipping deeply in love with summer time.


    Cheap Fifa 14 Ultimate Team Coins
    League of Legends elo boost

    ReplyDelete
Your Answer Thanks for contributing an answer to Blogger Tutorials for everyone! Please make sure your answer is NOT a SPAM comment, as such comments will be deleted. Provide details and share your research. Avoid statements based solely on opinion; only make statements you can back up with an appropriate reference, or personal experiences. Comment Options to add to the form below:
Of course, you can add various combinations of the above to your comment as long as you place the ending tags in the right locations.


Features:

To change your text to bold simply type in a left facing arrow then a UPPERCASE letter b then a right facing arrow. Then add your text, followed by typing in a left facing arrow, then type in /B and then a right facing arrow.

To change your text to italics simply type in a left facing arrow then a lowercase letter i then a right facing arrow. Then add your text, followed by typing in a left facing arrow, then type in /i and then a right facing arrow.

To change the colour of your text type in [co="red"]Add your text here[/co] You can change the colour of the text by either typing in the colour's word or by adding a hex colour code that includes the hash symbol.

Your text goes here. To add a marquee text type in [ma]Add your text here[/ma]

To add an image or gif type in [im]Add your image or gif URL here[/im]

Of course, you can add various combinations of the above to your comment as long as you place the ending tags in the right locations.

To add a Youtube video as a comment use either one of the two codes below and replace the video url with the one you want to add as a comment.
[video=ADD-ENTIRE-VIDEO-URL-THAT-YOU-VIEW-ON-THE-WATCH-PAGE-ON-YOUTUBE-HERE]
[video=ADD-ENTIRE-VIDEO-URL-THAT-YOU-VIEW-ON-THE-watch?feature=player_detailpage-HERE]

Scrollbox codes

<a target='_blank' title='DON'T TOUCH MY PHONE' href='ADDYOURURLHERE'><img src='https://lh4.googleusercontent.com/-qSyLJ0X94nk/T-_ekHbo_mI/AAAAAAAAHmY/qk0v-X5s32s/s320/58298-dont-touch-my-phone.png' border='0'/></a>

This free script provided by
JavaScript Kit

FAQ

YOUR OPINION COUNTS! A list of topics that I am thinking of writing about but need feedback from visitors before I go ahead with it.

Click to view more Pages
 

This site consists of tutorials that you would not normally see elsewhere. I am adding tutorials that I have either tweeked or created myself, using existing code already found on the Internet.

Back To Top Image by Cool Text: Logo and Button Generator - Create Your Own Logo

Scroll to Bottom Back to Top