بسم الله الرحمن الرحيم
موضوع
طريقة اضافة سلايدشو احترافي رقم 11
حطوة 1 : اذهب للمدونة - قالب - تحرير html
خطوة 2 : ابحث عن <head> ضع الروابط تحته (اسفله) :
<link rel="stylesheet" type="text/css" href="http://www.aerowebstudio.net/codecanyon/jquery.slider/help/css/reset.css" />
<link rel="stylesheet" type="text/css" href="http://www.aerowebstudio.net/codecanyon/jquery.slider/js/slider/themes/default/jquery.slider.css" />
<script type="text/javascript" src="http://www.aerowebstudio.net/codecanyon/jquery.slider/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.aerowebstudio.net/codecanyon/jquery.slider/js/slider/jquery.slider.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".slider").slideshow({
width : 900,
height : 325,
transition : 'explode'
});
});
</script>
<link rel="stylesheet" type="text/css" href="http://www.aerowebstudio.net/codecanyon/jquery.slider/js/slider/themes/default/jquery.slider.css" />
<script type="text/javascript" src="http://www.aerowebstudio.net/codecanyon/jquery.slider/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.aerowebstudio.net/codecanyon/jquery.slider/js/slider/jquery.slider.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".slider").slideshow({
width : 900,
height : 325,
transition : 'explode'
});
});
</script>
خطوة 3 : اذهب الى تخطيط ثم اضافة اداة ثم اختر html/javascript ثم ضع الاكواد داخل مربع النص الكبير :
<div id="wrapper">
<div class="slider">
<div>
<a href="#link" >
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_6.jpg" alt=""/>
</a>
</div>
<div>
<a href="#link" >
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_5.jpg" alt=""/>
</a>
</div>
<div class="jquery-slider-trans-exploderandom">
<a href="#link" >
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_7.jpg" alt=""/>
</a>
</div>
<div>
<a href="#link" >
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_8.jpg" alt=""/>
</a>
</div>
<div class="jquery-slider-trans-exploderandom">
<a href="#link" >
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_9.jpg" alt=""/>
</a>
</div>
</div>
</div>
غير اللون الاصفر برابط الصورة و اللون الاسود برابط التدوينة
ثم بعدها اسحب هذه الاداة( بعد ضغط حفظ ) اسحبها الى فوق رسائل المدونة الالكترونية اي سؤال اتركه في تعليق .