أخف كود slide show لعرض الصور والفيديو للمدونات عن طريق اضافة أداه

 
<style type="text/css">

     /* JavaScript Image Slider By http://alnaje7oon.blogspot.com/ */

    #mcis {
     display: none;
    }

    #sliderFrame {
     position: relative;
     width: 468px;
     margin: 0 auto;
            border:3px solid #E1E0E2;
    }

    #ribbon {
     width: 111px;
     height: 111px;
     position: absolute;
     top: -4px;
     right: -4px;
    }

    #slider {
     width: 468px;
     height: 260px;
     background: #fff url(https://lh3.googleusercontent.com/-jr3u7sHVNzc/T_9iyf5egvI/AAAAAAAAC9c/jwanynfbt7Y/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;
     position: relative;
     margin: 0 auto;
     box-shadow: 0px 1px 5px 010007;
    }

    #slider img {
     position: absolute;
     border: none;
     display: none;
    }

    #slider a.imgLink {
     z-index: 2;
     display: none;
     position: absolute;
     top: 0px;
     right: 0px;
     border: 0;
     padding: 0;
     margin: 0;
     width: 100%;
     height: 100%;
    }

    div.mc-caption-bg, div.mc-caption-bg2 {
     position: absolute;
     width: 100%;
     height: auto;
     padding: 0;
     right: 0px;
     bottom: 0px;
     z-index: 3;
     overflow: hidden;
     font-size: 0;
    }


    div.mc-caption-bg {
     background-color: #0066CC;
    }

    div.mc-caption {
     font: bold 25px/21px traditional arabic ;
     color:  #0000;
     z-index: 4;
     padding: 10px 0;
     text-align: center;
    }

    div.mc-caption a {
     color: #FB0;
    }

    div.mc-caption a:hover {
     color: #DA0;
    }

    div.navBulletsWrapper {
     top: 250px;
     right: 190px;
     width: 150px;
     background: none;
     padding-right: 20px;
     position: relative;
     z-index: 5;
     cursor: pointer;
    }

    div.navBulletsWrapper div {
     width: 11px;
     height: 11px;
     background: transparent url(https://lh3.googleusercontent.com/-XpmNmet2gQE/T_9iZTdKsgI/AAAAAAAAC9U/e5Hto1X5zKc/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;
     float: right;
     overflow: hidden;
     vertical-align: middle;
     cursor: pointer;
     margin-left: 11px;
     _position: relative;
    }

    div.navBulletsWrapper div.active {
     background-position: 0 -11px;
    }

    #slider {
     transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
     -o-transform: translate3d(0,0,0);
     -webkit-transform: translate3d(0,0,0);
    }
     </style> 

    <script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>

    <div id="sliderFrame">
         <div id="ribbon">
</div>
<div id="slider">

  

<a rel="nofollow" target="_blank" href="رابط الموضوع"><img src="رابط " alt="عنوان الموضوع"/></a>

    <a rel="nofollow" target="_blank" href="رابط الموضوع"><img src="رابط " alt="عنوان الموضوع"/></a>

    <a rel="nofollow" target="_blank" href="رابط الموضوع"><img src="رابط " alt="عنوان الموضوع"/></a>

    <a rel="nofollow" target="_blank" href="رابط الموضوع"><img src="رابط " alt="عنوان الموضوع"/></a>

    <a rel="nofollow" target="_blank" href="رابط الموضوع"><img src="رابط "alt=" عنوان الموضوع"/></a>
                    </div>
</div>