Magento: How to add an external stylesheet or javascript

Add an external stylesheet to magento using local.xml 

Create/edit the following:

app/design/frontend/PATH/TO/YOURTHEME/layout/local.xml

Make it look like so--should be self explanatory...

<?xml version="1.0"?>
<!--
/**
 * Magento
 *
 * @category    design
 * @package     YOURTHEME
 */
-->
<layout version="0.1.0">
    <!--
    Default layout, loads most of the pages
    -->
 
<default module="page" translate="label">
  <label>All Pages</label>
  <reference name="head">
 
         <!-- Add an EXTERNAL stylesheets  -->
	  <action method="addLinkRel"><rel>stylesheet</rel><href>https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400,300,700|Open+Sans:300italic,400,300</href></action>
 
         <!--  Add an EXTERNAL javascript  -->
         <action method="addLinkRel"><rel>text/javascript</rel><href>https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js</href></action>
 
         <!-- Add stylesheets from your local theme directory located in skin/frontend/ -->
          <action method="addCss"><stylesheet>css/styles.css</stylesheet></action>
 
         <!-- Add javascript from your local theme directory located in skin/frontend/ -->
          <action method="addJs"><script>bootstrap.min.js</script></action>
 
  </reference>
</default>
 
</layout>
Tags: javascript CSS magento theme