Source Code, Pasting a Code Snippet There

Adding something to particular location

source codeThis post explains how to add an object such as a YouTube video or a Google Map to a particular area of aweb page. In this example we want to add a Google map code to that area of a web page ending in “Really, we mean it.” We do that by editing in Text view and adding the snippet to the right area of the source code.

Finding right point in source code

>”Really, we mean it” is probably such an unusual combination of words that it is inserted only once in the code. So, using Cmd C, copy that sentence into your clipboard. Open your code using the Text tab. Press Cmd F to find a bit of code. Press Cmd V to paste “Really, we mean it” into your find window and press Enter.

Go to your Google Maps page to find the snippet. It could be

<iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2571.1178265041453!2d-119.49299688388221!3d49.87781383633966!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x537df4acc083c877%3A0x780e99125df114d6!2s2020+Keller+Pl%2C+Kelowna%2C+BC+V1Y+2G6!5e0!3m2!1sen!2sca!4v1500866591332″ width=”600″ height=”450″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>

Cmd C to copy that snippet into your clipboard and Cmd V to paste it into your source code directly below “Really, we mean it”.

Save your source code and voila!

source codeClick your Update button to save your new source code. View your page. You will notice that there is a Google Map right below where it says, “Really, we mean it.”

Related page

How to add a Google map to your web page

 

Leave a comment

Your email address will not be published. Required fields are marked *