Magento: How to add an external stylesheet or javascript

Add an external stylesheet to magento using local.xml 

Create/edit the following:


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>,400,300,700|Open+Sans:300italic,400,300</href></action>
         <!--  Add an EXTERNAL javascript  -->
         <action method="addLinkRel"><rel>text/javascript</rel><href></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>
Tags: javascript CSS magento theme