READ: Embedding media in your blog

Copying the Embed Code

Whenever you go to certain video/image sites, you might see an "Embed" or "HTML Code" options near the image/video. These options might look like this:

  • YOUTUBE:

  • PHOTOBUCKET (click on the uploaded image to get to this screen):




Either way, you will see some HTML code. The HTML code listed is how you will embed the photo into your blog. Right click and copy that code. In the 2 examples above, the code you will have copied will look like this:

  • <object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/Q5im0Ssyyus&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Q5im0Ssyyus&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>


    OR it will look like:


  • <a href="http://s356.photobucket.com/albums/oo10/ashleywebb3/?action=view&current=IMG_8567a.jpg" target="_blank"><img src="http://i356.photobucket.com/albums/oo10/ashleywebb3/IMG_8567a.jpg" border="0" alt="Photobucket"></a>

DO NOT BE AFRAID OF THE CODE. If you accidentally delete some, or you mess it up somehow, that's okay. Just go back and copy it again.