بسم الله الرحمن الرحيم
موضوع
طريقة اضافة سلايدشو احترافي رقم 10
حطوة 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/carbono/jquery.slider.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="js/slider/themes/carbono/jquery.slider.ie6.css" />
<![endif]-->
<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" src="src/jquery.slider.js"></script>
-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".slider").slideshow({
width : 900,
height : 325,
transition : 'bar'
});
});
</script>
<link rel="stylesheet" type="text/css" href="http://www.aerowebstudio.net/codecanyon/jquery.slider/js/slider/themes/carbono/jquery.slider.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="js/slider/themes/carbono/jquery.slider.ie6.css" />
<![endif]-->
<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" src="src/jquery.slider.js"></script>
-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".slider").slideshow({
width : 900,
height : 325,
transition : 'bar'
});
});
</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_1.jpg" alt=""/>
</a>
</div>
<div>
<a href="#link">
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_2.jpg" alt=""/>
</a>
</div>
<div>
<a href="#link">
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_3.jpg" alt=""/>
</a>
</div>
<div>
<a href="#link">
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_4.jpg" alt=""/>
</a>
</div>
</div>
</div>
غير اللون الاصفر برابط الصورة و اللون الاسود برابط التدوينة
<div class="slider">
<div>
<a href="#link">
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_1.jpg" alt=""/>
</a>
</div>
<div>
<a href="#link">
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_2.jpg" alt=""/>
</a>
</div>
<div>
<a href="#link">
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_3.jpg" alt=""/>
</a>
</div>
<div>
<a href="#link">
<img src="http://www.aerowebstudio.net/codecanyon/jquery.slider/assets/slide_4.jpg" alt=""/>
</a>
</div>
</div>
</div>
غير اللون الاصفر برابط الصورة و اللون الاسود برابط التدوينة
ثم بعدها اسحب هذه الاداة( بعد ضغط حفظ ) اسحبها الى فوق رسائل المدونة الالكترونية اي سؤال اتركه في تعليق .