أين يوضع الكود .؟!

<style>
.slider_specialoffer_content {
   width: 960px;
   height: 239px;
   position: relative;
   display: block;
}
.slider {
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat right top;
   width: 691px;
   height: 237px;
   position: absolute;
}
.slider img { margin: 6px 9px; }
.slider .next_button {
   position: absolute;
   z-index: -9999px;
   right: 30px;
   top: 40%;
   background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;
   width: 43px;
   height: 45px;
   text-indent: -9999px;
   overflow: hidden;
   z-index: 999;
}
.slider .prev_button {
   position: absolute;
   z-index: 999;
   left: 30px;
   top: 40%;
   background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;
   width: 43px;
   height: 45px;
   text-indent: -9999px;
   overflow: hidden;
}
</style>
<link
 
href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css"
 media="all" rel="stylesheet" type="text/css" />
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js"
 type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script>
<script
 
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js"
 type="text/javascript"></script>
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js"
 type="text/javascript"></script>
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js"
 type="text/javascript"></script>
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js"
 type="text/javascript"></script>
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.jquery.js"
 type="text/javascript"></script>
<div class="slider_specialoffer_content "><div class="slider">
<!--<a
 href="#" class="next_button">next</a> <a href="#"
class="prev_button">prev</a> --> <div class="box_skitter
box_skitter_large">
<ul>
<li><a
href="#"><img alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_04.png"
 /> </a> </li>
<li><a href="#"><img
alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_02.png"
 /></a> </li>
 <li><a href="#"><img
alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_04.png"
 /></a> </li>
<li><a href="#"><img
alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_03.png"
 /> </a> </li></ul></div></div>