كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

ممكن توضيح اختي الغالية
لو بحاجة تصاميم متحرك توجهي لمنتدانا الشقيق
www.ibda3araby.com

تفضلي اختي

الكود:

<script src='http://hal-slider.googlecode.com/svn/trunk/slider4/js/plugin.js' type='text/javascript'/><script>
    $(document).ready(function() {
        $('#slider li .adv:last-child').addClass('last');
        $('.slidewrap').carousel({
            slider: '.slider',
            slide: '.slide',
            slideHed: '.slidehed',
            nextSlide : '.next',
            prevSlide : '.prev',
            addPagination: false,
            addNav : false
        });
    });
</script>
<div id='slider_container'>
    <div class='slidewrap' data-autorotate='5000'>
        <ul class='slidecontrols'>
            <li><a class='next' href='#slider'>Next</a></li>
            <li><a class='prev' href='#slider'>Prev</a></li>
        </ul>
        <ul class='slider' id='slider'>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='حلول بلوجر' height='100' src='https://lh6.googleusercontent.com/-tGhTTsxc2Ag/Ug05fN3wjDI/AAAAAAAADQI/INLsGl2IuBE/h120/tfl0.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='http://3asqanime.blogspot.com/2013/09/329-naruto-shippuden-episode-329_10.html'>
                        <img alt='' height='100' src='http://4.bp.blogspot.com/-thAAGHroii4/Ui9EqfWj2AI/AAAAAAAAD68/Mow4DKK-VIQ/s1600/Untitl2ed-2.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='http://3asqanime.blogspot.com/2013/09/610-611-one-piece-episodes-610611.html'>
                        <img alt='' height='100' src='http://4.bp.blogspot.com/-SCOvNeBsR7A/Ui9BENZaZfI/AAAAAAAAD6o/msyf7JesV4w/s320/Untitled-1.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='http://3.bp.blogspot.com/-yiyDf8tm5Do/Ug052gZ5hII/AAAAAAAADQg/AVDBoNFS83w/s1600/HLQsd.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='http://3asqanime.blogspot.com/2013/09/95-hunter-x-hunter-episode-95.html'>
                        <img alt='' height='100' src='http://im41.gulfup.com/SmmEB.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='http://4.bp.blogspot.com/-_E78gZn75fg/Ug06HvvuR5I/AAAAAAAADQw/afdw7CgkoLI/s1600/GEHVX.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh3.googleusercontent.com/-ejDcEb-3jYs/Ug06Q2V6zQI/AAAAAAAADQ4/wWZ8CicCib8/h120/4agw.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh4.googleusercontent.com/-TS-rNq8pZ2s/Ug06XnaY52I/AAAAAAAADRA/n-svC975UQU/h120/hiou.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh4.googleusercontent.com/-_E9qzRjgBk4/Ug06e2TrPMI/AAAAAAAADRI/sIXT5CUMcVc/h120/zlxe7.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh4.googleusercontent.com/-OT00Gr6fY4w/Ug06k2wbnAI/AAAAAAAADRQ/l9XuRtP3hpk/h120/Fsilx.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh6.googleusercontent.com/-tGhTTsxc2Ag/Ug05fN3wjDI/AAAAAAAADQM/kRrrusMGyOs/h120/tfl0.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh6.googleusercontent.com/-buQY_7L0v0k/Ug06306Z40I/AAAAAAAADRY/bB4F1Dma8Bw/h120/HLQsd+%281%29.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh5.googleusercontent.com/-u805DvebmHQ/Ug069bXWd9I/AAAAAAAADRg/2KSab1xSDa4/h120/ysweA+%281%29.jpg' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh5.googleusercontent.com/-3oIRtRpqX3Y/Ug07GZ3qETI/AAAAAAAADRo/mREoMo7ovDk/h120/tfl0+%281%29.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh6.googleusercontent.com/-yt6ORpmyMBc/Ug07NajHrzI/AAAAAAAADRw/k2C0Mvk9Dj8/h120/Fsilx+%281%29.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh6.googleusercontent.com/-buQY_7L0v0k/Ug06306Z40I/AAAAAAAADRY/bB4F1Dma8Bw/h120/HLQsd+%281%29.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh5.googleusercontent.com/-u805DvebmHQ/Ug069bXWd9I/AAAAAAAADRg/2KSab1xSDa4/h120/ysweA+%281%29.jpg' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='http://1.bp.blogspot.com/-h9-bve6nHdQ/Ug07grrcNiI/AAAAAAAADR4/KPGqH5sYvFk/s1600/GEHVX+(1).png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh3.googleusercontent.com/-ZsPjse3x200/Ug07pDiJNPI/AAAAAAAADSA/qrLFKElnCCc/h120/hiou+%281%29.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='http://1.bp.blogspot.com/-Sy8gduzsy9Y/Ug07xBr5iFI/AAAAAAAADSI/rLwvpP9-uVs/s1600/zlxe7+(1).png' width='235'/>
                    </a>
                </div>
            </li>
        </ul>
    </div>
  </div><a href="http://7lolblogger.com" rel="dofollow" ></a>
 <style>
ul, ol { margin: 0; padding: 0; list-style: none; }

#slider_container{
overflow: hidden;
width: 955px;
height: 100px;
padding: 5px 22px;
clear: both;
margin: auto;
position: relative;
border: 1px solid #CCC;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
-o-box-shadow: 0 0 5px #999;
}
#slider{}
#slider li .adv{
    float: right;
    margin-left: 5px;
}
#slider li .adv.last{
    margin-left: 0px !important;
}
#slider_container ul.slidecontrols{}
#slider_container ul.slidecontrols li a{
position: absolute;
top: 50%;
z-index: 5;
width: 22px;
height: 100px;
margin-top: -16px;
text-indent: -999em;
overflow: hidden;
background: #000;
background-position: 0 0;
background-repeat: no-repeat;
}
#slider_container ul.slidecontrols li a.next{
left: 0px;
top: 21px;
background: url(https://lh6.googleusercontent.com/-ee5gvYRM-BU/Ug6m4gf1gUI/AAAAAAAADVM/wKNK4e_oI6g/h120/left.png);}
#slider_container ul.slidecontrols li a.prev{
right: 0px;
top: 21px;
background: url(http://1.bp.blogspot.com/-7i6cztOSPuw/Ug6msjaPuyI/AAAAAAAADVE/3Q_PiuZ1h2g/s1600/right.png);}
</style>


ركبي الكود في اي مكان يقبل الhtml 
هذا كود سلايد شو
ضعي بة الصور يتحرك تلقائي

هنا

الكود:

 <div class='adv'>
                    <a href='#'>
                        <img alt='حلول بلوجر' height='100' src='هنا الصورة' width='235'/>
                    </a>
                </div>

ييمكنيك تغير الصور التي بة
مثال ابحثي عن 
https://lh5.googleusercontent.com/-u805DvebmHQ/Ug069bXWd9I/AAAAAAAADRg/2KSab1xSDa4/h120/ysweA+%281%29.jpg
وغيريها للصورة التي تريديها

مرحبا
وانا اضيف لك كود اخر ضعي روابط الصور مكان الكتابه
والروابط المواضيع مقابلها ايضا

الكود:

<!-- Style -->
<style type="text/css">
.slider_specialoffer_content {position:relative;display:block;width:691px;height:239px;}
.slider {width:691px;height:239px;position:absolute;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;}
.box_skitter_large {width:691px!important;height:237px!important;}
.slider img {width:691px;height:237px;margin:6px 9px;}
.slider .next_button,.slider .prev_button {position:absolute;top:40%;width:43px;height:45px;
overflow:hidden;z-index:999;text-indent:-9999px;}
.slider .next_button {right:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;}
.slider .prev_button {left:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;}
</style>

<!-- Links & Scripts -->
<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 type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
"></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="رابط1"><img alt="Mizo-Slide" src="صورة1"></a></li>
    <li><a href="رابط2"><img alt="Mizo-Slide" src="صورة2"></a></li>
    <li><a href="رابط3"><img alt="Mizo-Slide" src="صورة3"></a></li>
    <li><a href="رابط4"><img alt="Mizo-Slide" src="صورة4"></a></li>
    <li><a href="رابط5"><img alt="Mizo-Slide" src="صورة5"></a></li>
    <li><a href="رابط6"><img alt="Mizo-Slide" src="صورة6"></a></li>
    <li><a href="رابط7"><img alt="Mizo-Slide" src="صورة7"></a></li>
    <li><a href="رابط8"><img alt="Mizo-Slide" src="صورة8"></a></li>
    <li><a href="رابط9"><img alt="Mizo-Slide" src="صورة9"></a></li>
  </ul>
      </div>
    </div>
  </div>


ممكن الصور الي تبي تضعيها وانا اضعها لكي
؟؟؟