Screen Shot 2016-01-12 at 12.19.42 PM

  1. In Google Chrome find the section of the page that has the object you need code from.
  2. Screen Shot 2016-01-12 at 12.19.49 PM

  3. Right-click (CTRL+CLICK) on the object to see an action menu.
  4. Screen Shot 2016-01-12 at 12.19.55 PM

  5. The action menu should look like this.
  6. Screen Shot 2016-01-12 at 12.20.26 PM

  7. Choose Inspect from the options in the action menu.
  8. Screen Shot 2016-01-12 at 12.20.38 PM

  9. The menu above will appear on the right-hand side of the window.
  10. Screen Shot 2016-01-12 at 12.20.49 PM

  11. In the menu, the code will be highlighted. The object will also be highlighted. To copy simply right-click and select Copy in the action menu.
  12. To view this in your own post, simply paste the code into the text editor of WordPress (pasting the code into the visual editor will make the code useless).


  1. safaridev1
    To enable the Developer menu, open Safari and take a look at the menu bar.
  2. safaridev2
    Click on Safari to see a drop-down menu. In that menu, click on Preferences.
  3. safaridev3
    Preferences will open up a page with several tabs of options.
  4. safaridev4
    Click on the Advanced tab.
  5. safaridev5
    At the bottom of this page, check the box that says Show Develop menu in bar.
  6. safaridev6
    The Develop menu option should now appear in your menu bar.

The object is below if you want to try it out for yourself.

Advanced users:

Pressing F3 will also show you the source code.
In Chrome, the short-key for Inspect is CTRL+SHIFT+I.