اريد مساعدة في وضع كود سلايد شو انا لااعرف كيفية وضعه

 < --- code prog by www.4egy.net ---><script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script><style>.slideset {  width: 960px;  height: 167px;  margin: auto;  overflow: hidden;  margin-bottom: 20px;  position: relative;}.slideset .next {  position: absolute;  right: 0px;  top: 72px;  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;  width: 18px;  height: 21px;  overflow: hidden;  text-indent: -555px;}.slideset .prev {  position: absolute;  left: 0px;  top: 72px;  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -35px;  width: 18px;  height: 21px;  overflow: hidden;  text-indent: -555px;}.slideset .slidesetCont {  width: 905px;  margin: auto;  position: relative;  background: #000;}.slidesetCont ul {  float: right;  width: 100%;}.slidesetCont ul > li { float: left; }.slidesetCont ul > li a {  display: block;  width: 200px;  height: 145px;  padding: 6px;  overflow: hidden;  background: #FFF;  border: 1px #d2d2d2 solid;  margin: 0 7px;}.slidesetCont ul > li a img {  background: #EEE;  width: 200px !important;  height: 145px !important;  display: block;}ul, li, ol {  list-style: none;  outline: 0px;}</style> <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>  <div class="slidesetCont">      <ul class="set1">                  <li>                        <a href="#">              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>            <!--image-->                    </li>                  <li>                        <a href="#">              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>            <!--image-->                    </li>                  <li>                        <a href="#">              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>            <!--image-->                    </li>                  <li>                        <a href="#">              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>            <!--image-->                    </li>                  <li>                        <a href="#">              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>            <!--image-->                    </li>                        </ul>  </div></div><!--//slideset--><! --- code prog by www.4egy.net --->