title: adding js files and css files to wordpress
body: <p>I am new to wordpress.. I have installed my theme named 'hare'. Now I want to add some javascripts files as well as css files into the index.php page. But I am not finding the desired output.</p>
  
  <p>following is the code i have written..</p>
  
  <pre><code>    &lt;?php get_header(); ?&gt;
      // Some content
      &lt;?php get_footer(); ?&gt;
  &lt;!-- JQuery libs
  ================================================== --&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- js jQuery wait for images Plugin ====================== --&gt;
  &lt;script src="&lt;?php bloginfo(template_directory ); ?&gt;/javascripts/jquery.waitforimages.js"&gt;&lt;/script&gt;
  &lt;!-- js jQuery flexslider Plugin ====================== --&gt;
  &lt;script src="&lt;?php bloginfo(template_url); ?&gt;/javascripts/jquery.flexslider-min.js"&gt;&lt;/script&gt;
  &lt;!-- jQuery Cycle Plugin ====================================== --&gt;
  &lt;script src="&lt;?php bloginfo(template_url); ?&gt;/javascripts/jquery.cycle.all.js"&gt;&lt;/script&gt;
  &lt;!-- jQuery Cycle Plugin ====================================== --&gt;
  &lt;script src="&lt;?php bloginfo(template_url); ?&gt;/javascripts/jquery.fullscreen-min.js"&gt;&lt;/script&gt;
  &lt;!-- js jQuery jcarousellite Plugin ====================== --&gt;
  &lt;script src="&lt;?php bloginfo(template_url); ?&gt;/javascripts/jcarousellite_1.0.1.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- js Fancybox Plugin ================================= --&gt;
  &lt;link rel="stylesheet" href="&lt;?php bloginfo(template_directory); ?&gt;/javascripts/fancyBox-2/jquery.fancybox.css"&gt;
  &lt;script src="&lt;?php bloginfo(template_url); ?&gt;/javascripts/fancyBox-2/jquery.fancybox.pack.js"&gt;&lt;/script&gt;
  &lt;!--fancybox helpers--&gt;
  
  &lt;link rel="stylesheet" href="&lt;?php bloginfo(template_directory); ?&gt;/javascripts/fancyBox-2/helpers/jquery.fancybox-buttons.css"/&gt;
  &lt;script src="&lt;?php bloginfo(template_url); ?&gt;/javascripts/fancyBox-2/helpers/jquery.fancybox-buttons.js"&gt;&lt;/script&gt;
  &lt;!-- js jQuery qtip plugin ====================== --&gt;
  &lt;script src="&lt;?php bloginfo(template_url); ?&gt;/javascripts/jquery.qtip-1.0.0-rc3.min.js"&gt;&lt;/script&gt;
  &lt;!-- toTop ====================== --&gt;
  &lt;script src="&lt;?php bloginfo(template_url); ?&gt;/javascripts/goToTop.js"&gt;&lt;/script&gt;
  &lt;!-- js jQuery my own functions ====================== --&gt;
  &lt;script src="&lt;?php bloginfo(template_url); ?&gt;/javascripts/functions.js"&gt;&lt;/script&gt;
  
  
  &lt;!-- &lt;script src="javascripts/jquery.tweet.js"&gt;&lt;/script&gt; --&gt;
  
  &lt;!-- JS twitter scripts ================================== --&gt;
  &lt;script src="http://twitter.com/javascripts/blogger.js"&gt;&lt;/script&gt;
  &lt;script src="http://twitter.com/statuses/user_timeline/EnvatoWebDesign.json?callback=twitterCallback2&amp;amp;count=5"&gt;&lt;/script&gt;
  
      &lt;!-- End Document
      ================================================== --&gt;
      &lt;/body&gt;
  
      &lt;/html&gt;
  </code></pre>
  
  <p>Is my this way is correct??
  If not then please correct me..</p>
  
  <p>Thank you in advance</p>